<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Diagrams #1</title>
  <link rel="stylesheet" href="font-awesome-4.1.0/css/font-awesome.css" />
  <link rel="stylesheet" href="ionicons-2.0.1/css/ionicons.css" />
  <link rel="stylesheet" href="typora-icon/style.css" />
  <link rel="stylesheet" href="typora-file-icon/style.css" />
  <link rel="stylesheet" href="base.css" />
  <link rel="stylesheet" href="base-control.css" />
  <link rel="stylesheet" href="codemirror.css" />
  <link rel="stylesheet" href="window.css" />
  <link rel="stylesheet" href="megamenu.css" />
  <script src="dev.js"></script>
</head>
<body class="typora-node native-window allow-file-tree-scroll show-footer os-windows os-windows-10 pin-outline">
<header>
  <div aria-hidden="true" class="stopselect dropmenu sidebar-menu open active-tab-files use-file-tree-style" id="typora-sidebar" role="menu" style=""><div class="info-panel-tab-wrapper ty-tab-wrapper"><div style="flex:1"></div><div class="info-panel-tab" id="info-panel-tab-file"><div data-open-url="index.html" class="info-panel-tab-title" data-localize="Files" data-lg="Front">文件</div><div class="info-panel-tab-border"></div></div><div class="info-panel-tab" id="info-panel-tab-search-back"><div class="info-panel-tab-title" data-localize="Files" data-lg="Front">文件</div><div class="info-panel-tab-border"></div></div><div style="flex:1"></div><div class="info-panel-tab" id="info-panel-tab-outline"><div data-open-url="side-toc.html" class="info-panel-tab-title" data-localize="Outline" data-lg="Front">大纲</div><div class="info-panel-tab-border"></div></div><div class="info-panel-tab" id="info-panel-tab-search"><div class="info-panel-tab-title" data-localize="Search" data-lg="Front">查找</div><div class="info-panel-tab-border"></div></div><div style="flex:1"></div></div><div class="sidebar-osx-tab ty-tab-wrapper"><div class="sidebar-tabs"><div class="sidebar-tab-btn" id="switch-sidebar-icon" ty-hint="切换到大纲视图" aria-label="切换到大纲视图"><span class="ty-icon ty-list"></span></div><div class="sidebar-tab" id="sidepanel-segmented-input-files">文件</div><div class="sidebar-tab" id="sidepanel-segmented-input-outline" data-localize="Outline" data-lg="Front">大纲</div><div class="sidebar-tab-btn" id="sidebar-search-btn" ty-hint="查找" aria-label="查找"><span class="ion-ios7-search-strong"></span></div></div><div class="ty-sidebar-search-panel" id="ty-sidebar-search-tabs"><div class="sidebar-tab-btn" id="ty-sidebar-search-back-btn"><span class="ty-icon ty-left-arrow" ty-hint="Close Search" aria-label="Close Search"></span></div></div></div><div class="sidebar-content" id="sidebar-content"><div id="file-library-search"><div id="file-library-search-panel" class="ty-sidebar-search-panel"><input type="search" id="file-library-search-input" placeholder="Search" aria-label="Search files" autocomplete="off" data-localize="Search"> <span ty-hint="区分大小写" id="filesearch-case-option-btn" class="searchpanel-search-option-btn" aria-label="区分大小写"><svg class="icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#find-and-replace-icon-case"></use></svg> </span><span ty-hint="查找整个单词" id="filesearch-word-option-btn" class="searchpanel-search-option-btn" aria-label="查找整个单词"><svg class="icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#find-and-replace-icon-word"></use></svg> </span><span class="btn close-btn" aria-label="Close outline filter" id="close-outline-filter-btn" style="display:none"><span class="ion-close-round"></span></span></div><div id="file-library-search-result"></div><script id="file-search-item-template" type="text/x-template"><div class="ty-search-item">
    <div class="ty-search-item-summary">
      <div class="ty-search-item-collapse-icon">
        <i class="fa fa-caret-right"></i>
        <i class="fa fa-caret-down"></i>
      </div>
      <div style="display:-webkit-flex;display:flex;">
        <div class="file-list-item-file-name">
          <span class="file-list-item-file-name-part"></span><span class="file-list-item-file-ext-part"></span>
        </div>
        <div class="file-list-item-right"><span class="file-list-item-count">0</span></div>
      </div>
      <div class="file-list-item-parent-loc"></div>
    </div>
    <div class="ty-search-item-matches"></div>
  </div></script></div><div id="outline-content" class="outline-content sidebar-content-content" data-after-content="大纲内容为空"><li class="outline-item-wrapper outline-h1"><div class="outline-item outline-item-active"><span class="outline-expander"></span><span class="outline-label outline-active" data-ref="n0">Windows 11 折腾记录</span></div><ul class="outline-children"><li class="outline-item-wrapper outline-h2 outline-item-signle outline-item-single"><div class="outline-item"><span class="outline-expander"></span><span class="outline-label" data-ref="n2">TPM问题</span></div><ul class="outline-children"></ul></li><li class="outline-item-wrapper outline-h2"><div class="outline-item"><span class="outline-expander"></span><span class="outline-label" data-ref="n15">Typora 相关</span></div><ul class="outline-children"><li class="outline-item-wrapper outline-h3 outline-item-signle outline-item-single"><div class="outline-item outline-item-active"><span class="outline-expander"></span><span class="outline-label outline-active" data-ref="n16">图床设定</span></div><ul class="outline-children"></ul></li></ul></li></ul></li></div><div id="file-library" class="sidebar-content-content"><div id="file-library-tree" class="no-selection" data-state="" data-after-content="没有打开的文件夹"><div class="file-library-node file-tree-node file-node-root" data-path="D:\Janpoem\Documents\TyporaDocs" data-has-sub="false" tabindex="-1" data-is-directory="true">
    <div class="file-node-background">

    </div>
    <div class="file-node-content" draggable="true">

      <i class="file-node-icon fa fa-folder"></i>
      <span class="file-node-title" title="D:\Janpoem\Documents\TyporaDocs"><span class="file-node-title-name-part">TyporaDocs</span><span class="file-node-title-ext-part"></span></span>
      <div class="file-tree-rename-div">
        <input class="file-tree-rename-input">
      </div>
    </div>
    <div class="file-node-children"><div class="file-library-node file-tree-node file-library-file-node" data-path="D:\Janpoem\Documents\TyporaDocs\Docker for windows修改默认镜像文件位置.md" data-has-sub="false" tabindex="-1" data-is-directory="false">
      <div class="file-node-background">

      </div>
      <div class="file-node-content" draggable="true">
					<span class="file-node-open-state">
						<i class="fa fa-caret-right"></i><i class="fa fa-caret-down"></i>
					</span>
        <i class="file-node-icon fa fa-file-text-o"></i>
        <span class="file-node-title" title="D:\Janpoem\Documents\TyporaDocs\Docker for windows修改默认镜像文件位置.md"><span class="file-node-title-name-part">Docker for windows修改默认镜像文件位置</span><span class="file-node-title-ext-part">.md</span></span>
        <div class="file-tree-rename-div">
          <input class="file-tree-rename-input">
        </div>
      </div>
      <div class="file-node-children">
      </div>
    </div><div class="file-library-node file-tree-node file-library-file-node active" data-path="D:\Janpoem\Documents\TyporaDocs\Windows 11 折腾记录.md" data-has-sub="false" tabindex="-1" data-is-directory="false">
      <div class="file-node-background">

      </div>
      <div class="file-node-content" draggable="true">
					<span class="file-node-open-state">
						<i class="fa fa-caret-right"></i><i class="fa fa-caret-down"></i>
					</span>
        <i class="file-node-icon fa fa-file-text-o"></i>
        <span class="file-node-title" title="D:\Janpoem\Documents\TyporaDocs\Windows 11 折腾记录.md"><span class="file-node-title-name-part">Windows 11 折腾记录</span><span class="file-node-title-ext-part">.md</span></span>
        <div class="file-tree-rename-div">
          <input class="file-tree-rename-input">
        </div>
      </div>
      <div class="file-node-children">
      </div>
    </div></div>
  </div></div><div id="file-library-list" class="no-selection" data-state="complete"><div id="sidebar-loading-template" class="file-list-item"><div class="sidebar-loading"><div class="typora-quick-open-info"><span data-localize="Loading" data-lg="Front">加载中</span></div><div class="typora-search-spinner"><div class="rect1"></div><div class="rect2"></div><div class="rect3"></div><div class="rect4"></div><div class="rect5"></div></div></div><div class="oversize-list-template"><div class="oversize-list-template-mark"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i></div><div data-localize="Selected folders contains too many files. \nPlease switch to <a id='switch-to-tree-on-oversize'>File Tree view</a> for better performance." data-lg="Front" data-lt="html">当前文件夹内文件过多，请切换至<a id="switch-to-tree-on-oversize">文件树视图</a>以获得更佳的使用体验。</div></div></div><div id="file-library-list-children" data-after-content="文件列表为空"><div class="file-list-item file-library-node file-library-file-node" data-path="D:\Janpoem\Documents\TyporaDocs\Docker for windows修改默认镜像文件位置.md" data-parent-path="D:\Janpoem\Documents\TyporaDocs" tabindex="-1">
    <div class="file-list-item-parent-loc">TyporaDocs</div>
    <div class="file-list-item-time">7 minutes ago</div>
    <div class="file-list-item-file-name" title="D:\Janpoem\Documents\TyporaDocs\Docker for windows修改默认镜像文件位置.md">
      <span class="file-list-item-file-name-part">Docker for windows修改默认镜像文件位置</span><span class="file-list-item-file-ext-part">.md</span>
    </div>
    <div class="file-list-item-summary"> Docker for windows修改默认镜像文件位置
      docker版本为18.06
      windows上安装的docker其实本质上还是借助与windows平台的hyper-v技术来创建一个Linux虚拟机，你执行的所有命令其实都是在这个虚拟机里执行的，所以所有pull到本地的image都会在虚拟机的Virtual hard disks目录的文件中，这个文件就是虚拟硬盘文件。
      随着使用增加，C盘存储逐渐不够用，只能将镜像文件迁移到别的盘。
      网上有说修改hyper-v管理器，或者修改docker</div>
  </div><div class="file-list-item file-library-node file-library-file-node active" data-path="D:\Janpoem\Documents\TyporaDocs\Windows 11 折腾记录.md" data-parent-path="D:\Janpoem\Documents\TyporaDocs" tabindex="-1">
    <div class="file-list-item-parent-loc">TyporaDocs</div>
    <div class="file-list-item-time">11:33</div>
    <div class="file-list-item-file-name" title="D:\Janpoem\Documents\TyporaDocs\Windows 11 折腾记录.md">
      <span class="file-list-item-file-name-part">Windows 11 折腾记录</span><span class="file-list-item-file-ext-part">.md</span>
    </div>
    <div class="file-list-item-summary"> Windows 11 折腾记录
      TPM问题
      安装 Win 11 需要开启主板的 TPM or PTT，各自的主板根据各自的情况，可以在主板设定中开启（部分需要更新 Bios）。
      也可通过修改注册表来绕过此验证：
      1. 注册表： HKEY LOCAL MACHINE\SYSTEM\Setup 2. 新建项目 LabConfig 3. 添加 DWORD 类型 BypassTPMCheck ，值为 1 4. 添加 DWORD 类型 BypassSecureBootCheck ，值为 1 当前电脑的 TPM 情况，可通过 Win + R 执行 tpm.msc 启动查看。
      Typora 相关
      图床设定
      安装指令 choco install p</div>
  </div></div></div><script id="file-list-item-template" type="text/x-template"><div class="file-list-item file-library-node file-library-file-node" data-path="" data-parent-path="" tabindex="-1">
    <div class="file-list-item-parent-loc">/</div>
    <div class="file-list-item-time"></div>
    <div class="file-list-item-file-name">
      <span class="file-list-item-file-name-part"></span><span class="file-list-item-file-ext-part"></span>
    </div>
    <div class="file-list-item-summary"></div>
  </div></script><script id="folder-menu-item-template" type="text/x-template"><li role="presentation" class="folder-menu-item file-action-item folder-menu-groupm show" ty-hint-pos="right">
    <a role="menuitem" tabindex="-1" href="#"><i class="fa fa-folder-o"></i><span></span></a>
  </li></script><script id="sidebar-loading-template" type="text/x-template"><div class="sidebar-loading-template">

  </div></script><script id="file-library-node-template" type="text/x-template"><div class="file-library-node file-tree-node" data-path="" data-has-sub="false" tabindex="-1">
    <div class="file-node-background">

    </div>
    <div class="file-node-content" draggable="true">
					<span class="file-node-open-state">
						<i class="fa fa-caret-right"></i><i class="fa fa-caret-down"></i>
					</span>
      <i class="file-node-icon"></i>
      <span class="file-node-title"><span class="file-node-title-name-part"></span><span class="file-node-title-ext-part"></span></span>
      <div class="file-tree-rename-div">
        <input class="file-tree-rename-input" />
      </div>
    </div>
    <div class="file-node-children">
    </div>
  </div></script></div><div id="file-info-content" class="sidebar-content-content" style="display:none"><div id="file-info-meta-group"><div id="file-info-last-saved-sub" class="file-info-item-subtitle">Saved just now</div><div class="file-info-title file-info-field"><div id="file-info-filename" class="file-info-field-value">Utitled.md</div><div id="file-info-filename-input-area" class="file-info-field-value" style="display:none"><input id="file-info-filename-input"> <span id="file-info-filename-input-ext"></span></div></div><div class="file-info-field" id="file-info-file-path"><i class="fa fa-folder-o file-info-field-key"></i> <span class="file-info-field-value"></span></div><div class="file-info-field" id="file-info-last-modified"><i class="fa fa-clock-o file-info-field-key"></i> <span class="file-info-field-value"></span></div></div><div id="file-info-save-group"><div class="file-info-item-subtitle">This is a New Document</div><div id="file-info-save-btn" class="file-info-save-btn">Save Now</div></div><div id="file-info-contet-group"><div class="file-info-item-subtitle">Content</div><div class="file-info-field file-info-field-read"><span class="file-info-field-read-value" id="file-info-field-read-value-minutes">0</span>minutes</div><div class="file-info-field file-info-field-read"><span class="file-info-field-read-value" id="file-info-field-read-value-word">0</span>words</div><div class="file-info-field file-info-field-read"><span class="file-info-field-read-value" id="file-info-field-read-value-ch">0</span>characters</div></div></div></div><div class="sidebar-footer no-selection" id="ty-sidebar-footer"><div style="display: -webkit-flex;display: flex;background:inherit"><div class="sidebar-footer-item footer-item-right footer-btn file-action-item not-empty-menu-group show" id="sidebar-new-file-btn" ty-hint="新建文件" aria-label="新建文件"><span class="ty-icon ty-add" style="position:relative;top:1px"></span></div><div class="sidebar-footer-item footer-item-left footer-btn outline-action-item" id="unpin-outline-btn" ty-hint="关闭大纲视图" aria-label="关闭大纲视图"><span><span class="ty-icon ty-export1"></span> <span></span></span></div><div class="sidebar-footer-main-item" id="sidebar-menu-btn"><span class="sidebar-footer-item"><span class="sidebar-footer-main-item-label" id="sidebar-footer-main-item-label">TyporaDocs</span><span class="footer-btn"><span class="ty-icon ty-dots-v" aria-hidden="true"></span></span></span><ul id="sidebar-files-menu" class="dropdown-menu" role="menu" aria-labelledby="drop5" tabindex="-1"><li role="presentation" class="menuitem-group-label file-action-item not-empty-menu-group show"><span data-localize="Action" data-lg="Front">操作</span> <span class="ty-icon ty-delete-button" ty-hint="关闭" id="close-sidebar-menu-btn" aria-label="关闭"></span></li><li role="presentation" class="file-action-item not-empty-menu-group show"><a role="menuitem" tabindex="-1" href="#" id="new-file-from-sidebar-menu" data-localize="New File" data-lg="Front">新建文件</a></li><li role="presentation" class="file-action-item not-empty-menu-group show"><a role="menuitem" tabindex="-1" href="#" id="search-from-sidebar-menu" data-localize="Search" data-lg="Menu">搜索</a></li><li role="presentation" class="file-action-item not-empty-menu-group show"><a role="menuitem" tabindex="-1" href="#" id="reveal-folder-from-sidebar-menu" data-localize="Reveal in Finder" data-lg="Front">在资源管理器中显示</a></li><li role="presentation" class="file-action-item not-empty-menu-group show"><a role="menuitem" tabindex="-1" href="#" id="open-folder-from-sidebar-menu" data-localize="Open Folder..." data-lg="Front">打开文件夹…</a></li><li role="presentation" class="file-action-item not-empty-menu-group show"><a role="menuitem" tabindex="-1" href="#" id="refresh-from-sidebar-menu" data-localize="Refresh Folder" data-lg="Front">刷新</a></li><li role="presentation" class="menuitem-group-label file-action-item file-sort-item not-empty-menu-group show"><span data-localize="Sort" data-lg="Front">排序</span> <span class="sort-button-area"><span><span id="ty-group-by-folder-btn" class="ty-icon ty-package ty-side-sort-btn active" ty-hint="按文件夹分组" aria-label="按文件夹分组"></span> </span><span><span id="ty-sort-by-natural-btn" class="ty-icon ty-sort-by-natural ty-side-sort-btn ty-side-sort-btn2 active" ty-hint="自然排序（升序）" aria-label="自然排序（升序）"></span> <span id="ty-sort-by-name-btn" class="ty-icon ty-sort-by-alphabet-a ty-side-sort-btn ty-side-sort-btn2" ty-hint="按文件名排序（升序）" aria-label="按文件名排序（升序）"></span> <span id="ty-sort-by-date-btn" class="ty-icon ty-sort-by-date-a ty-side-sort-btn ty-side-sort-btn2" ty-hint="按修改时间排序（升序）" aria-label="按修改时间排序（升序）"></span></span></span><div class="clearfix"></div></li><li role="presentation" class="menuitem-group-label file-action-item folder-menu-group show"><span data-localize="Recent Locations" data-lg="Menu">最近使用的目录</span></li><li role="presentation" class="folder-menu-item file-action-item folder-menu-groupm show selected-folder-menu-item" ty-hint-pos="right" data-path="D:\Janpoem\Documents\TyporaDocs" ty-hint="D:\Janpoem\Documents\TyporaDocs">
    <a role="menuitem" tabindex="-1" href="#"><i class="fa fa-folder-o"></i><span>TyporaDocs</span></a>
  </li><li role="presentation" class="menuitem-group-label file-action-item empty-menu-group" id="folder-menu-item-after"><span data-localize="Location" data-lg="Front">目录</span></li><li role="presentation" class="file-action-item empty-menu-group"><a role="menuitem" tabindex="-1" href="#" id="open-folder-from-sidebar-menu" data-localize="Open Folder..." data-lg="Front">打开文件夹…</a></li></ul></div><div class="sidebar-footer-item footer-item-right footer-btn file-action-item not-empty-menu-group show" id="switch-file-list-btn" ty-hint="切换列表／树视图" aria-label="切换列表／树视图"><span class="switch-file-list-btn-to-list"><span class="ty-icon ty-three-cells"></span> </span><span class="switch-file-list-btn-to-tree"><span class="ty-icon ty-file-tree"></span></span></div></div></div></div>
</header>
<content>
  <div id="write" class="enable-diagrams" contenteditable="true" spellcheck="true" tabindex="-1"><h1 cid="n0" mdtype="heading" contenteditable="true" class="md-end-block md-heading"><span md-inline="plain" class="md-plain">Diagrams Example</span></h1><h2 cid="n2" mdtype="heading" contenteditable="true" class="md-end-block md-heading"><span md-inline="plain" class="md-plain">Sequence Diagrams</span></h2><pre class="md-fences md-end-block md-fences-with-lineno md-diagram md-fences-advanced ty-contain-cm modeLoaded" spellcheck="false" contenteditable="false" lang="sequence" cid="n3" mdtype="fences" style=""><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="sequence"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 15.2109px; left: 38.0469px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 28px; padding-right: 0px; padding-bottom: 0px; margin-bottom: -2px; min-height: 79px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors" style=""><div class="CodeMirror-cursor" style="left: 4px; top: 0px; height: 26.3281px;">&nbsp;</div></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -34.0469px; width: 28px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -34.0469px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 20px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-def">Alice</span><span class="cm-operator">-&gt;</span><span class="cm-def">Bob</span><span class="cm-atom">: </span>Hello Bob, how are you?</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -34.0469px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">2</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tag">Note</span> <span class="cm-keyword">right of </span><span class="cm-def">Bob</span><span class="cm-atom">: </span>Bob thinks</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -34.0469px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 20px;">3</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-def">Bob</span><span class="cm-operator">--&gt;</span><span class="cm-def">Alice</span><span class="cm-atom">: </span>I am good thanks!</span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 79px;"></div><div class="CodeMirror-gutters" style="height: 77px; left: 0px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 28px;"></div></div></div></div><div class="md-diagram-panel md-fences-adv-panel"><div class="md-diagram-panel-header"></div><div class="md-diagram-panel-preview"><svg height="251" version="1.1" width="445.6640625" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="overflow: hidden; position: relative; left: -0.5px; top: -0.65625px;"><desc style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Created with Raphaël 2.2.0</desc><defs style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><marker id="raphael-marker-endblock55-obj9vn8g" markerHeight="5" markerWidth="5" orient="auto" refX="2.5" refY="2.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 2.5 2.5) scale(1,1)" stroke-width="1.0000" fill="currentColor" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker><marker id="raphael-marker-endblock55-objrd22v" markerHeight="5" markerWidth="5" orient="auto" refX="2.5" refY="2.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 2.5 2.5) scale(1,1)" stroke-width="1.0000" fill="currentColor" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker></defs><rect x="10" y="20" width="63.25" height="36" rx="0" ry="0" fill="var(--bg-color)" stroke="currentColor" stroke-opacity="0.7" stroke-width="2" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></rect><rect x="19.5" y="30" width="43.25" height="16" rx="0" ry="0" fill="none" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></rect><text x="41.625" y="38" text-anchor="middle" font-family="Andale Mono, monospace" font-size="16px" stroke="none" fill="currentColor" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font-family: &quot;Andale Mono&quot;, monospace; font-size: 16px;" fill-opacity="0.7"><tspan dy="6" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Alice</tspan></text><rect x="10" y="195" width="63.25" height="36" rx="0" ry="0" fill="var(--bg-color)" stroke="currentColor" stroke-opacity="0.7" stroke-width="2" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></rect><rect x="19.5" y="205" width="43.25" height="16" rx="0" ry="0" fill="none" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></rect><text x="41.625" y="213" text-anchor="middle" font-family="Andale Mono, monospace" font-size="16px" stroke="none" fill="currentColor" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font-family: &quot;Andale Mono&quot;, monospace; font-size: 16px;" fill-opacity="0.7"><tspan dy="6" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Alice</tspan></text><path fill="var(--bg-color)" stroke="currentColor" d="M41.625,56L41.625,195" stroke-opacity="0.7" stroke-width="2" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><rect x="233.8046875" y="20" width="46.359375" height="36" rx="0" ry="0" fill="var(--bg-color)" stroke="currentColor" stroke-opacity="0.7" stroke-width="2" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></rect><rect x="243.3046875" y="30" width="26.359375" height="16" rx="0" ry="0" fill="none" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></rect><text x="256.984375" y="38" text-anchor="middle" font-family="Andale Mono, monospace" font-size="16px" stroke="none" fill="currentColor" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font-family: &quot;Andale Mono&quot;, monospace; font-size: 16px;" fill-opacity="0.7"><tspan dy="6" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Bob</tspan></text><rect x="233.8046875" y="195" width="46.359375" height="36" rx="0" ry="0" fill="var(--bg-color)" stroke="currentColor" stroke-opacity="0.7" stroke-width="2" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></rect><rect x="243.3046875" y="205" width="26.359375" height="16" rx="0" ry="0" fill="none" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></rect><text x="256.984375" y="213" text-anchor="middle" font-family="Andale Mono, monospace" font-size="16px" stroke="none" fill="currentColor" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font-family: &quot;Andale Mono&quot;, monospace; font-size: 16px;" fill-opacity="0.7"><tspan dy="6" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Bob</tspan></text><path fill="var(--bg-color)" stroke="currentColor" d="M256.984375,56L256.984375,195" stroke-opacity="0.7" stroke-width="2" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><rect x="51.125" y="73" width="195.359375" height="16" rx="0" ry="0" fill="none" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></rect><text x="149.3046875" y="81" text-anchor="middle" font-family="Andale Mono, monospace" font-size="16px" stroke="none" fill="currentColor" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font-family: &quot;Andale Mono&quot;, monospace; font-size: 16px;" fill-opacity="0.7"><tspan dy="6" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Hello Bob, how are you?</tspan></text><path fill="var(--bg-color)" stroke="currentColor" d="M41.625,92C41.625,92,219.64271853864193,92,251.97796819507494,92" stroke-opacity="0.7" stroke-width="2" marker-end="url(#raphael-marker-endblock55-obj9vn8g)" stroke-dasharray="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><rect x="276.984375" y="112" width="95.5" height="26" rx="0" ry="0" fill="var(--bg-color)" stroke="currentColor" stroke-opacity="0.7" stroke-width="2" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></rect><rect x="281.484375" y="117" width="85.5" height="16" rx="0" ry="0" fill="none" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></rect><text x="324.734375" y="125" text-anchor="middle" font-family="Andale Mono, monospace" font-size="16px" stroke="none" fill="currentColor" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font-family: &quot;Andale Mono&quot;, monospace; font-size: 16px;" fill-opacity="0.7"><tspan dy="6" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Bob thinks</tspan></text><rect x="77.4765625" y="154.5" width="143.65625" height="17" rx="0" ry="0" fill="none" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></rect><text x="149.3046875" y="163" text-anchor="middle" font-family="Andale Mono, monospace" font-size="16px" stroke="none" fill="currentColor" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font-family: &quot;Andale Mono&quot;, monospace; font-size: 16px;" fill-opacity="0.7"><tspan dy="5.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">I am good thanks!</tspan></text><path fill="var(--bg-color)" stroke="currentColor" d="M256.984375,175C256.984375,175,78.96665646135807,175,46.631406804925064,175" stroke-opacity="0.7" stroke-width="2" marker-end="url(#raphael-marker-endblock55-objrd22v)" stroke-dasharray="6,2" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path></svg></div><div class="md-diagram-panel-error"></div></div></pre><h2 cid="n4" mdtype="heading" contenteditable="true" class="md-end-block md-heading"><span md-inline="plain" class="md-plain">Flowcharts</span></h2><pre class="md-fences md-end-block md-fences-with-lineno md-diagram md-fences-advanced ty-contain-cm modeLoaded" spellcheck="false" contenteditable="false" lang="flow" cid="n5" mdtype="fences"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="flow"><div style="overflow: hidden; position: relative; width: 3px; height: 0px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>8</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"></div><div class="CodeMirror-code" role="presentation"></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent;"></div><div class="CodeMirror-gutters"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 2px;"></div></div></div></div><div class="md-diagram-panel md-fences-adv-panel"><div class="md-diagram-panel-header"></div><div class="md-diagram-panel-preview"><svg height="426.46875" version="1.1" width="190.375" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="overflow: hidden; position: relative; top: -0.3125px;" viewBox="0 0 190.375 426.46875" preserveAspectRatio="xMidYMid meet"><desc style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Created with Raphaël 2.2.0</desc><defs style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><marker id="raphael-marker-endblock33-objywl0a" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="currentColor" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker><marker id="raphael-marker-endblock33-obj4ep4f" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="currentColor" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker><marker id="raphael-marker-endblock33-objfyktz" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="currentColor" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker><marker id="raphael-marker-endblock33-objfg2e1" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="currentColor" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker></defs><rect x="0" y="0" width="52.47578048706055" height="36" rx="20" ry="20" fill="var(--bg-color)" stroke="currentColor" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);" stroke-opacity="0.7" stroke-width="3" class="flowchart" id="st" transform="matrix(1,0,0,1,57.9496,27.0938)"></rect><text x="10" y="18" text-anchor="start" font-family="&quot;Arial&quot;" font-size="14px" stroke="none" fill="currentColor" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: start; font-family: Arial; font-size: 14px;" id="stt" class="flowchartt" fill-opacity="0.7" transform="matrix(1,0,0,1,57.9496,27.0938)" stroke-width="1"><tspan dy="5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Start</tspan></text><rect x="0" y="0" width="120.96875" height="36" rx="0" ry="0" fill="var(--bg-color)" stroke="currentColor" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);" stroke-opacity="0.7" stroke-width="3" class="flowchart" id="op" transform="matrix(1,0,0,1,23.7031,140.1875)"></rect><text x="10" y="18" text-anchor="start" font-family="&quot;Arial&quot;" font-size="14px" stroke="none" fill="currentColor" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: start; font-family: Arial; font-size: 14px;" id="opt" class="flowchartt" fill-opacity="0.7" transform="matrix(1,0,0,1,23.7031,140.1875)" stroke-width="1"><tspan dy="5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Your Operation</tspan></text><path fill="var(--bg-color)" stroke="currentColor" d="M39.09375,19.546875L0,39.09375L78.1875,78.1875L156.375,39.09375L78.1875,0L0,39.09375" stroke-opacity="0.7" stroke-width="3" id="cond" class="flowchart" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);" transform="matrix(1,0,0,1,6,232.1875)"></path><text x="44.09375" y="39.09375" text-anchor="start" font-family="&quot;Arial&quot;" font-size="14px" stroke="none" fill="currentColor" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: start; font-family: Arial; font-size: 14px;" id="condt" class="flowchartt" fill-opacity="0.7" transform="matrix(1,0,0,1,6,232.1875)" stroke-width="1"><tspan dy="5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Yes or No?</tspan></text><rect x="0" y="0" width="46.265625" height="36" rx="20" ry="20" fill="var(--bg-color)" stroke="currentColor" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);" stroke-opacity="0.7" stroke-width="3" class="flowchart" id="e" transform="matrix(1,0,0,1,61.0547,387.4688)"></rect><text x="10" y="18" text-anchor="start" font-family="&quot;Arial&quot;" font-size="14px" stroke="none" fill="currentColor" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: start; font-family: Arial; font-size: 14px;" id="et" class="flowchartt" fill-opacity="0.7" transform="matrix(1,0,0,1,61.0547,387.4688)" stroke-width="1"><tspan dy="5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">End</tspan></text><path fill="none" stroke="currentColor" d="M84.1875,63.09375C84.1875,63.09375,84.1875,119.19145270437002,84.1875,135.68110945633816" stroke-opacity="0.7" stroke-width="3" marker-end="url(#raphael-marker-endblock33-objywl0a)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><path fill="none" stroke="currentColor" d="M84.1875,176.1875C84.1875,176.1875,84.1875,214.38827085494995,84.1875,227.68766031763516" stroke-opacity="0.7" stroke-width="3" marker-end="url(#raphael-marker-endblock33-obj4ep4f)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><path fill="none" stroke="currentColor" d="M84.1875,310.375C84.1875,310.375,84.1875,366.47270270437,84.1875,382.96235945633816" stroke-opacity="0.7" stroke-width="3" marker-end="url(#raphael-marker-endblock33-objfyktz)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><text x="89.1875" y="320.375" text-anchor="start" font-family="&quot;Arial&quot;" font-size="14px" stroke="none" fill="currentColor" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: start; font-family: Arial; font-size: 14px;" fill-opacity="0.7" stroke-width="1"><tspan dy="5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">yes</tspan></text><path fill="none" stroke="currentColor" d="M162.375,271.28125C162.375,271.28125,187.375,261.28125,187.375,261.28125C187.375,261.28125,187.375,105.1875,187.375,105.1875C187.375,105.1875,84.1875,105.1875,84.1875,105.1875C84.1875,105.1875,84.1875,126.23057174682617,84.1875,135.68351413309574" stroke-opacity="0.7" stroke-width="3" marker-end="url(#raphael-marker-endblock33-objfg2e1)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><text x="167.375" y="261.28125" text-anchor="start" font-family="&quot;Arial&quot;" font-size="14px" stroke="none" fill="currentColor" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: start; font-family: Arial; font-size: 14px;" fill-opacity="0.7" stroke-width="1"><tspan dy="5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">no</tspan></text></svg></div><div class="md-diagram-panel-error"></div></div></pre><h2 cid="n6" mdtype="heading" contenteditable="true" class="md-end-block md-heading"><span md-inline="plain" class="md-plain">Mermaid</span></h2><h3 cid="n7" mdtype="heading" contenteditable="true" class="md-end-block md-heading"><span md-inline="plain" class="md-plain">Sequence Diagrams</span></h3><pre class="md-fences md-end-block md-fences-with-lineno md-diagram md-fences-advanced ty-contain-cm modeLoaded" spellcheck="false" contenteditable="false" lang="mermaid" cid="n8" mdtype="fences" mermaid-type="%%"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="mermaid"><div style="overflow: hidden; position: relative; width: 3px; height: 0px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>11</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"></div><div class="CodeMirror-code" role="presentation"></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent;"></div><div class="CodeMirror-gutters"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 2px;"></div></div></div></div><div class="md-diagram-panel md-fences-adv-panel"><div class="md-diagram-panel-header"></div><div class="md-diagram-panel-preview"><svg id="mermaidChart0" width="434" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="505" viewBox="-8 -8 434 505" aria-roledescription="sequence"><style>#mermaidChart0{font-family:sans-serif;font-size:16px;fill:#333;}#mermaidChart0 .error-icon{fill:#552222;}#mermaidChart0 .error-text{fill:#552222;stroke:#552222;}#mermaidChart0 .edge-thickness-normal{stroke-width:2px;}#mermaidChart0 .edge-thickness-thick{stroke-width:3.5px;}#mermaidChart0 .edge-pattern-solid{stroke-dasharray:0;}#mermaidChart0 .edge-pattern-dashed{stroke-dasharray:3;}#mermaidChart0 .edge-pattern-dotted{stroke-dasharray:2;}#mermaidChart0 .marker{fill:#333333;stroke:#333333;}#mermaidChart0 .marker.cross{stroke:#333333;}#mermaidChart0 svg{font-family:sans-serif;font-size:16px;}#mermaidChart0 .actor{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaidChart0 text.actor&gt;tspan{fill:black;stroke:none;}#mermaidChart0 .actor-line{stroke:grey;}#mermaidChart0 .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333;}#mermaidChart0 .messageLine1{stroke-width:1.5;stroke-dasharray:2,2;stroke:#333;}#mermaidChart0 #arrowhead path{fill:#333;stroke:#333;}#mermaidChart0 .sequenceNumber{fill:white;}#mermaidChart0 #sequencenumber{fill:#333;}#mermaidChart0 #crosshead path{fill:#333;stroke:#333;}#mermaidChart0 .messageText{fill:#333;stroke:none;}#mermaidChart0 .labelBox{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaidChart0 .labelText,#mermaidChart0 .labelText&gt;tspan{fill:black;stroke:none;}#mermaidChart0 .loopText,#mermaidChart0 .loopText&gt;tspan{fill:black;stroke:none;}#mermaidChart0 .loopLine{stroke-width:2px;stroke-dasharray:2,2;stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);}#mermaidChart0 .note{stroke:#aaaa33;fill:#fff5ad;}#mermaidChart0 .noteText,#mermaidChart0 .noteText&gt;tspan{fill:black;stroke:none;}#mermaidChart0 .activation0{fill:#f4f4f4;stroke:#666;}#mermaidChart0 .activation1{fill:#f4f4f4;stroke:#666;}#mermaidChart0 .activation2{fill:#f4f4f4;stroke:#666;}#mermaidChart0 .actorPopupMenu{position:absolute;}#mermaidChart0 .actorPopupMenuPanel{position:absolute;fill:#ECECFF;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);filter:drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}#mermaidChart0 .actor-man line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaidChart0 .actor-man circle,#mermaidChart0 line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;stroke-width:2px;}#mermaidChart0 :root{--mermaid-font-family:sans-serif;}#mermaidChart0 :root{--mermaid-alt-font-family:sans-serif;}</style><g></g><defs><symbol id="computer" width="24" height="24"><path transform="scale(.5)" d="M2 2v13h20v-13h-20zm18 11h-16v-9h16v9zm-10.228 6l.466-1h3.524l.467 1h-4.457zm14.228 3h-24l2-6h2.104l-1.33 4h18.45l-1.297-4h2.073l2 6zm-5-10h-14v-7h14v7z"></path></symbol></defs><defs><symbol id="database" fill-rule="evenodd" clip-rule="evenodd"><path transform="scale(.5)" d="M12.258.001l.256.004.255.005.253.008.251.01.249.012.247.015.246.016.242.019.241.02.239.023.236.024.233.027.231.028.229.031.225.032.223.034.22.036.217.038.214.04.211.041.208.043.205.045.201.046.198.048.194.05.191.051.187.053.183.054.18.056.175.057.172.059.168.06.163.061.16.063.155.064.15.066.074.033.073.033.071.034.07.034.069.035.068.035.067.035.066.035.064.036.064.036.062.036.06.036.06.037.058.037.058.037.055.038.055.038.053.038.052.038.051.039.05.039.048.039.047.039.045.04.044.04.043.04.041.04.04.041.039.041.037.041.036.041.034.041.033.042.032.042.03.042.029.042.027.042.026.043.024.043.023.043.021.043.02.043.018.044.017.043.015.044.013.044.012.044.011.045.009.044.007.045.006.045.004.045.002.045.001.045v17l-.001.045-.002.045-.004.045-.006.045-.007.045-.009.044-.011.045-.012.044-.013.044-.015.044-.017.043-.018.044-.02.043-.021.043-.023.043-.024.043-.026.043-.027.042-.029.042-.03.042-.032.042-.033.042-.034.041-.036.041-.037.041-.039.041-.04.041-.041.04-.043.04-.044.04-.045.04-.047.039-.048.039-.05.039-.051.039-.052.038-.053.038-.055.038-.055.038-.058.037-.058.037-.06.037-.06.036-.062.036-.064.036-.064.036-.066.035-.067.035-.068.035-.069.035-.07.034-.071.034-.073.033-.074.033-.15.066-.155.064-.16.063-.163.061-.168.06-.172.059-.175.057-.18.056-.183.054-.187.053-.191.051-.194.05-.198.048-.201.046-.205.045-.208.043-.211.041-.214.04-.217.038-.22.036-.223.034-.225.032-.229.031-.231.028-.233.027-.236.024-.239.023-.241.02-.242.019-.246.016-.247.015-.249.012-.251.01-.253.008-.255.005-.256.004-.258.001-.258-.001-.256-.004-.255-.005-.253-.008-.251-.01-.249-.012-.247-.015-.245-.016-.243-.019-.241-.02-.238-.023-.236-.024-.234-.027-.231-.028-.228-.031-.226-.032-.223-.034-.22-.036-.217-.038-.214-.04-.211-.041-.208-.043-.204-.045-.201-.046-.198-.048-.195-.05-.19-.051-.187-.053-.184-.054-.179-.056-.176-.057-.172-.059-.167-.06-.164-.061-.159-.063-.155-.064-.151-.066-.074-.033-.072-.033-.072-.034-.07-.034-.069-.035-.068-.035-.067-.035-.066-.035-.064-.036-.063-.036-.062-.036-.061-.036-.06-.037-.058-.037-.057-.037-.056-.038-.055-.038-.053-.038-.052-.038-.051-.039-.049-.039-.049-.039-.046-.039-.046-.04-.044-.04-.043-.04-.041-.04-.04-.041-.039-.041-.037-.041-.036-.041-.034-.041-.033-.042-.032-.042-.03-.042-.029-.042-.027-.042-.026-.043-.024-.043-.023-.043-.021-.043-.02-.043-.018-.044-.017-.043-.015-.044-.013-.044-.012-.044-.011-.045-.009-.044-.007-.045-.006-.045-.004-.045-.002-.045-.001-.045v-17l.001-.045.002-.045.004-.045.006-.045.007-.045.009-.044.011-.045.012-.044.013-.044.015-.044.017-.043.018-.044.02-.043.021-.043.023-.043.024-.043.026-.043.027-.042.029-.042.03-.042.032-.042.033-.042.034-.041.036-.041.037-.041.039-.041.04-.041.041-.04.043-.04.044-.04.046-.04.046-.039.049-.039.049-.039.051-.039.052-.038.053-.038.055-.038.056-.038.057-.037.058-.037.06-.037.061-.036.062-.036.063-.036.064-.036.066-.035.067-.035.068-.035.069-.035.07-.034.072-.034.072-.033.074-.033.151-.066.155-.064.159-.063.164-.061.167-.06.172-.059.176-.057.179-.056.184-.054.187-.053.19-.051.195-.05.198-.048.201-.046.204-.045.208-.043.211-.041.214-.04.217-.038.22-.036.223-.034.226-.032.228-.031.231-.028.234-.027.236-.024.238-.023.241-.02.243-.019.245-.016.247-.015.249-.012.251-.01.253-.008.255-.005.256-.004.258-.001.258.001zm-9.258 20.499v.01l.001.021.003.021.004.022.005.021.006.022.007.022.009.023.01.022.011.023.012.023.013.023.015.023.016.024.017.023.018.024.019.024.021.024.022.025.023.024.024.025.052.049.056.05.061.051.066.051.07.051.075.051.079.052.084.052.088.052.092.052.097.052.102.051.105.052.11.052.114.051.119.051.123.051.127.05.131.05.135.05.139.048.144.049.147.047.152.047.155.047.16.045.163.045.167.043.171.043.176.041.178.041.183.039.187.039.19.037.194.035.197.035.202.033.204.031.209.03.212.029.216.027.219.025.222.024.226.021.23.02.233.018.236.016.24.015.243.012.246.01.249.008.253.005.256.004.259.001.26-.001.257-.004.254-.005.25-.008.247-.011.244-.012.241-.014.237-.016.233-.018.231-.021.226-.021.224-.024.22-.026.216-.027.212-.028.21-.031.205-.031.202-.034.198-.034.194-.036.191-.037.187-.039.183-.04.179-.04.175-.042.172-.043.168-.044.163-.045.16-.046.155-.046.152-.047.148-.048.143-.049.139-.049.136-.05.131-.05.126-.05.123-.051.118-.052.114-.051.11-.052.106-.052.101-.052.096-.052.092-.052.088-.053.083-.051.079-.052.074-.052.07-.051.065-.051.06-.051.056-.05.051-.05.023-.024.023-.025.021-.024.02-.024.019-.024.018-.024.017-.024.015-.023.014-.024.013-.023.012-.023.01-.023.01-.022.008-.022.006-.022.006-.022.004-.022.004-.021.001-.021.001-.021v-4.127l-.077.055-.08.053-.083.054-.085.053-.087.052-.09.052-.093.051-.095.05-.097.05-.1.049-.102.049-.105.048-.106.047-.109.047-.111.046-.114.045-.115.045-.118.044-.12.043-.122.042-.124.042-.126.041-.128.04-.13.04-.132.038-.134.038-.135.037-.138.037-.139.035-.142.035-.143.034-.144.033-.147.032-.148.031-.15.03-.151.03-.153.029-.154.027-.156.027-.158.026-.159.025-.161.024-.162.023-.163.022-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.011-.178.01-.179.008-.179.008-.181.006-.182.005-.182.004-.184.003-.184.002h-.37l-.184-.002-.184-.003-.182-.004-.182-.005-.181-.006-.179-.008-.179-.008-.178-.01-.176-.011-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.022-.162-.023-.161-.024-.159-.025-.157-.026-.156-.027-.155-.027-.153-.029-.151-.03-.15-.03-.148-.031-.146-.032-.145-.033-.143-.034-.141-.035-.14-.035-.137-.037-.136-.037-.134-.038-.132-.038-.13-.04-.128-.04-.126-.041-.124-.042-.122-.042-.12-.044-.117-.043-.116-.045-.113-.045-.112-.046-.109-.047-.106-.047-.105-.048-.102-.049-.1-.049-.097-.05-.095-.05-.093-.052-.09-.051-.087-.052-.085-.053-.083-.054-.08-.054-.077-.054v4.127zm0-5.654v.011l.001.021.003.021.004.021.005.022.006.022.007.022.009.022.01.022.011.023.012.023.013.023.015.024.016.023.017.024.018.024.019.024.021.024.022.024.023.025.024.024.052.05.056.05.061.05.066.051.07.051.075.052.079.051.084.052.088.052.092.052.097.052.102.052.105.052.11.051.114.051.119.052.123.05.127.051.131.05.135.049.139.049.144.048.147.048.152.047.155.046.16.045.163.045.167.044.171.042.176.042.178.04.183.04.187.038.19.037.194.036.197.034.202.033.204.032.209.03.212.028.216.027.219.025.222.024.226.022.23.02.233.018.236.016.24.014.243.012.246.01.249.008.253.006.256.003.259.001.26-.001.257-.003.254-.006.25-.008.247-.01.244-.012.241-.015.237-.016.233-.018.231-.02.226-.022.224-.024.22-.025.216-.027.212-.029.21-.03.205-.032.202-.033.198-.035.194-.036.191-.037.187-.039.183-.039.179-.041.175-.042.172-.043.168-.044.163-.045.16-.045.155-.047.152-.047.148-.048.143-.048.139-.05.136-.049.131-.05.126-.051.123-.051.118-.051.114-.052.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.051.07-.052.065-.051.06-.05.056-.051.051-.049.023-.025.023-.024.021-.025.02-.024.019-.024.018-.024.017-.024.015-.023.014-.023.013-.024.012-.022.01-.023.01-.023.008-.022.006-.022.006-.022.004-.021.004-.022.001-.021.001-.021v-4.139l-.077.054-.08.054-.083.054-.085.052-.087.053-.09.051-.093.051-.095.051-.097.05-.1.049-.102.049-.105.048-.106.047-.109.047-.111.046-.114.045-.115.044-.118.044-.12.044-.122.042-.124.042-.126.041-.128.04-.13.039-.132.039-.134.038-.135.037-.138.036-.139.036-.142.035-.143.033-.144.033-.147.033-.148.031-.15.03-.151.03-.153.028-.154.028-.156.027-.158.026-.159.025-.161.024-.162.023-.163.022-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.011-.178.009-.179.009-.179.007-.181.007-.182.005-.182.004-.184.003-.184.002h-.37l-.184-.002-.184-.003-.182-.004-.182-.005-.181-.007-.179-.007-.179-.009-.178-.009-.176-.011-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.022-.162-.023-.161-.024-.159-.025-.157-.026-.156-.027-.155-.028-.153-.028-.151-.03-.15-.03-.148-.031-.146-.033-.145-.033-.143-.033-.141-.035-.14-.036-.137-.036-.136-.037-.134-.038-.132-.039-.13-.039-.128-.04-.126-.041-.124-.042-.122-.043-.12-.043-.117-.044-.116-.044-.113-.046-.112-.046-.109-.046-.106-.047-.105-.048-.102-.049-.1-.049-.097-.05-.095-.051-.093-.051-.09-.051-.087-.053-.085-.052-.083-.054-.08-.054-.077-.054v4.139zm0-5.666v.011l.001.02.003.022.004.021.005.022.006.021.007.022.009.023.01.022.011.023.012.023.013.023.015.023.016.024.017.024.018.023.019.024.021.025.022.024.023.024.024.025.052.05.056.05.061.05.066.051.07.051.075.052.079.051.084.052.088.052.092.052.097.052.102.052.105.051.11.052.114.051.119.051.123.051.127.05.131.05.135.05.139.049.144.048.147.048.152.047.155.046.16.045.163.045.167.043.171.043.176.042.178.04.183.04.187.038.19.037.194.036.197.034.202.033.204.032.209.03.212.028.216.027.219.025.222.024.226.021.23.02.233.018.236.017.24.014.243.012.246.01.249.008.253.006.256.003.259.001.26-.001.257-.003.254-.006.25-.008.247-.01.244-.013.241-.014.237-.016.233-.018.231-.02.226-.022.224-.024.22-.025.216-.027.212-.029.21-.03.205-.032.202-.033.198-.035.194-.036.191-.037.187-.039.183-.039.179-.041.175-.042.172-.043.168-.044.163-.045.16-.045.155-.047.152-.047.148-.048.143-.049.139-.049.136-.049.131-.051.126-.05.123-.051.118-.052.114-.051.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.052.07-.051.065-.051.06-.051.056-.05.051-.049.023-.025.023-.025.021-.024.02-.024.019-.024.018-.024.017-.024.015-.023.014-.024.013-.023.012-.023.01-.022.01-.023.008-.022.006-.022.006-.022.004-.022.004-.021.001-.021.001-.021v-4.153l-.077.054-.08.054-.083.053-.085.053-.087.053-.09.051-.093.051-.095.051-.097.05-.1.049-.102.048-.105.048-.106.048-.109.046-.111.046-.114.046-.115.044-.118.044-.12.043-.122.043-.124.042-.126.041-.128.04-.13.039-.132.039-.134.038-.135.037-.138.036-.139.036-.142.034-.143.034-.144.033-.147.032-.148.032-.15.03-.151.03-.153.028-.154.028-.156.027-.158.026-.159.024-.161.024-.162.023-.163.023-.165.021-.166.02-.167.019-.169.018-.169.017-.171.016-.173.015-.173.014-.175.013-.175.012-.177.01-.178.01-.179.009-.179.007-.181.006-.182.006-.182.004-.184.003-.184.001-.185.001-.185-.001-.184-.001-.184-.003-.182-.004-.182-.006-.181-.006-.179-.007-.179-.009-.178-.01-.176-.01-.176-.012-.175-.013-.173-.014-.172-.015-.171-.016-.17-.017-.169-.018-.167-.019-.166-.02-.165-.021-.163-.023-.162-.023-.161-.024-.159-.024-.157-.026-.156-.027-.155-.028-.153-.028-.151-.03-.15-.03-.148-.032-.146-.032-.145-.033-.143-.034-.141-.034-.14-.036-.137-.036-.136-.037-.134-.038-.132-.039-.13-.039-.128-.041-.126-.041-.124-.041-.122-.043-.12-.043-.117-.044-.116-.044-.113-.046-.112-.046-.109-.046-.106-.048-.105-.048-.102-.048-.1-.05-.097-.049-.095-.051-.093-.051-.09-.052-.087-.052-.085-.053-.083-.053-.08-.054-.077-.054v4.153zm8.74-8.179l-.257.004-.254.005-.25.008-.247.011-.244.012-.241.014-.237.016-.233.018-.231.021-.226.022-.224.023-.22.026-.216.027-.212.028-.21.031-.205.032-.202.033-.198.034-.194.036-.191.038-.187.038-.183.04-.179.041-.175.042-.172.043-.168.043-.163.045-.16.046-.155.046-.152.048-.148.048-.143.048-.139.049-.136.05-.131.05-.126.051-.123.051-.118.051-.114.052-.11.052-.106.052-.101.052-.096.052-.092.052-.088.052-.083.052-.079.052-.074.051-.07.052-.065.051-.06.05-.056.05-.051.05-.023.025-.023.024-.021.024-.02.025-.019.024-.018.024-.017.023-.015.024-.014.023-.013.023-.012.023-.01.023-.01.022-.008.022-.006.023-.006.021-.004.022-.004.021-.001.021-.001.021.001.021.001.021.004.021.004.022.006.021.006.023.008.022.01.022.01.023.012.023.013.023.014.023.015.024.017.023.018.024.019.024.02.025.021.024.023.024.023.025.051.05.056.05.06.05.065.051.07.052.074.051.079.052.083.052.088.052.092.052.096.052.101.052.106.052.11.052.114.052.118.051.123.051.126.051.131.05.136.05.139.049.143.048.148.048.152.048.155.046.16.046.163.045.168.043.172.043.175.042.179.041.183.04.187.038.191.038.194.036.198.034.202.033.205.032.21.031.212.028.216.027.22.026.224.023.226.022.231.021.233.018.237.016.241.014.244.012.247.011.25.008.254.005.257.004.26.001.26-.001.257-.004.254-.005.25-.008.247-.011.244-.012.241-.014.237-.016.233-.018.231-.021.226-.022.224-.023.22-.026.216-.027.212-.028.21-.031.205-.032.202-.033.198-.034.194-.036.191-.038.187-.038.183-.04.179-.041.175-.042.172-.043.168-.043.163-.045.16-.046.155-.046.152-.048.148-.048.143-.048.139-.049.136-.05.131-.05.126-.051.123-.051.118-.051.114-.052.11-.052.106-.052.101-.052.096-.052.092-.052.088-.052.083-.052.079-.052.074-.051.07-.052.065-.051.06-.05.056-.05.051-.05.023-.025.023-.024.021-.024.02-.025.019-.024.018-.024.017-.023.015-.024.014-.023.013-.023.012-.023.01-.023.01-.022.008-.022.006-.023.006-.021.004-.022.004-.021.001-.021.001-.021-.001-.021-.001-.021-.004-.021-.004-.022-.006-.021-.006-.023-.008-.022-.01-.022-.01-.023-.012-.023-.013-.023-.014-.023-.015-.024-.017-.023-.018-.024-.019-.024-.02-.025-.021-.024-.023-.024-.023-.025-.051-.05-.056-.05-.06-.05-.065-.051-.07-.052-.074-.051-.079-.052-.083-.052-.088-.052-.092-.052-.096-.052-.101-.052-.106-.052-.11-.052-.114-.052-.118-.051-.123-.051-.126-.051-.131-.05-.136-.05-.139-.049-.143-.048-.148-.048-.152-.048-.155-.046-.16-.046-.163-.045-.168-.043-.172-.043-.175-.042-.179-.041-.183-.04-.187-.038-.191-.038-.194-.036-.198-.034-.202-.033-.205-.032-.21-.031-.212-.028-.216-.027-.22-.026-.224-.023-.226-.022-.231-.021-.233-.018-.237-.016-.241-.014-.244-.012-.247-.011-.25-.008-.254-.005-.257-.004-.26-.001-.26.001z"></path></symbol></defs><defs><symbol id="clock" width="24" height="24"><path transform="scale(.5)" d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm5.848 12.459c.202.038.202.333.001.372-1.907.361-6.045 1.111-6.547 1.111-.719 0-1.301-.582-1.301-1.301 0-.512.77-5.447 1.125-7.445.034-.192.312-.181.343.014l.985 6.238 5.394 1.011z"></path></symbol></defs><g><line id="actor0" x1="75" y1="5" x2="75" y2="441" class="200" stroke-width="0.5px" stroke="#999"></line><g id="root-0"><rect x="0" y="0" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="75" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 16px; font-weight: 400; font-family: sans-serif;"><tspan x="75" dy="0">Alice</tspan></text></g></g><g><line id="actor1" x1="343" y1="5" x2="343" y2="441" class="200" stroke-width="0.5px" stroke="#999"></line><g id="root-1"><rect x="268" y="0" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="343" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 16px; font-weight: 400; font-family: sans-serif;"><tspan x="343" dy="0">Bob</tspan></text></g></g><defs><marker id="arrowhead" refX="9" refY="5" markerUnits="userSpaceOnUse" markerWidth="12" markerHeight="12" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs><defs><marker id="crosshead" markerWidth="15" markerHeight="8" orient="auto" refX="4" refY="5"><path fill="none" stroke="#000000" stroke-width="1pt" d="M 1,2 L 6,7 M 6,2 L 1,7" style="stroke-dasharray: 0, 0;"></path></marker></defs><defs><marker id="filled-head" refX="18" refY="7" markerWidth="20" markerHeight="28" orient="auto"><path d="M 18,7 L9,13 L14,7 L9,1 Z"></path></marker></defs><defs><marker id="sequencenumber" refX="15" refY="15" markerWidth="60" markerHeight="40" orient="auto"><circle cx="15" cy="15" r="6"></circle></marker></defs><g><line x1="67" y1="123" x2="351" y2="123" class="loopLine"></line><line x1="351" y1="123" x2="351" y2="307" class="loopLine"></line><line x1="67" y1="307" x2="351" y2="307" class="loopLine"></line><line x1="67" y1="123" x2="67" y2="307" class="loopLine"></line><line x1="67" y1="220" x2="351" y2="220" class="loopLine" style="stroke-dasharray: 3, 3;"></line><polygon points="67,123 117,123 117,136 108.6,143 67,143" class="labelBox"></polygon><text x="92" y="136" text-anchor="middle" dominant-baseline="middle" alignment-baseline="middle" class="labelText" style="font-family: sans-serif; font-size: 16px; font-weight: 400;">alt</text><text x="234" y="139" text-anchor="middle" class="loopText" style="font-family: sans-serif; font-size: 16px; font-weight: 400;"><tspan x="234">[is sick]</tspan></text><text x="209" y="236" text-anchor="middle" class="loopText" style="font-family: sans-serif; font-size: 16px; font-weight: 400;">[is well]</text></g><g><line x1="67" y1="315" x2="351" y2="315" class="loopLine"></line><line x1="351" y1="315" x2="351" y2="407" class="loopLine"></line><line x1="67" y1="407" x2="351" y2="407" class="loopLine"></line><line x1="67" y1="315" x2="67" y2="407" class="loopLine"></line><polygon points="67,315 117,315 117,328 108.6,335 67,335" class="labelBox"></polygon><text x="92" y="328" text-anchor="middle" dominant-baseline="middle" alignment-baseline="middle" class="labelText" style="font-family: sans-serif; font-size: 16px; font-weight: 400;">opt</text><text x="234" y="331" text-anchor="middle" class="loopText" style="font-family: sans-serif; font-size: 16px; font-weight: 400;"><tspan x="234">[Extra response]</tspan></text></g><text x="209" y="80" text-anchor="middle" dominant-baseline="middle" alignment-baseline="middle" class="messageText" dy="1em" style="font-family: sans-serif; font-size: 16px; font-weight: 400;">Hello Bob, how are you?</text><line x1="75" y1="115" x2="343" y2="115" class="messageLine0" stroke-width="2" stroke="none" marker-end="url(#arrowhead)" style="fill: none;"></line><text x="209" y="172" text-anchor="middle" dominant-baseline="middle" alignment-baseline="middle" class="messageText" dy="1em" style="font-family: sans-serif; font-size: 16px; font-weight: 400;">Not so good :(</text><line x1="343" y1="207" x2="75" y2="207" class="messageLine0" stroke-width="2" stroke="none" marker-end="url(#arrowhead)" style="fill: none;"></line><text x="209" y="264" text-anchor="middle" dominant-baseline="middle" alignment-baseline="middle" class="messageText" dy="1em" style="font-family: sans-serif; font-size: 16px; font-weight: 400;">Feeling fresh like a daisy</text><line x1="343" y1="299" x2="75" y2="299" class="messageLine0" stroke-width="2" stroke="none" marker-end="url(#arrowhead)" style="fill: none;"></line><text x="209" y="364" text-anchor="middle" dominant-baseline="middle" alignment-baseline="middle" class="messageText" dy="1em" style="font-family: sans-serif; font-size: 16px; font-weight: 400;">Thanks for asking</text><line x1="343" y1="399" x2="75" y2="399" class="messageLine0" stroke-width="2" stroke="none" marker-end="url(#arrowhead)" style="fill: none;"></line><g><rect x="0" y="423" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="75" y="455.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 16px; font-weight: 400; font-family: sans-serif;"><tspan x="75" dy="0">Alice</tspan></text></g><g><rect x="268" y="423" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="343" y="455.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 16px; font-weight: 400; font-family: sans-serif;"><tspan x="343" dy="0">Bob</tspan></text></g></svg></div><div class="md-diagram-panel-error"></div></div></pre><h3 cid="n9" mdtype="heading" contenteditable="true" class="md-end-block md-heading"><span md-inline="plain" class="md-plain">Flowcharts</span></h3><pre class="md-fences md-end-block md-fences-with-lineno md-diagram md-fences-advanced ty-contain-cm modeLoaded" spellcheck="false" contenteditable="false" lang="mermaid" cid="n10" mdtype="fences" mermaid-type="graph"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="mermaid"><div style="overflow: hidden; position: relative; width: 3px; height: 0px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"></div><div class="CodeMirror-code" role="presentation"></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent;"></div><div class="CodeMirror-gutters"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 2px;"></div></div></div></div><div class="md-diagram-panel md-fences-adv-panel"><div class="md-diagram-panel-header"></div><div class="md-diagram-panel-preview"><svg id="mermaidChart1" width="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="max-width: 618.140625px;" viewBox="-8 -8 618.140625 148" aria-roledescription="flowchart-v2"><style>#mermaidChart1{font-family:sans-serif;font-size:16px;fill:#333;}#mermaidChart1 .error-icon{fill:#552222;}#mermaidChart1 .error-text{fill:#552222;stroke:#552222;}#mermaidChart1 .edge-thickness-normal{stroke-width:2px;}#mermaidChart1 .edge-thickness-thick{stroke-width:3.5px;}#mermaidChart1 .edge-pattern-solid{stroke-dasharray:0;}#mermaidChart1 .edge-pattern-dashed{stroke-dasharray:3;}#mermaidChart1 .edge-pattern-dotted{stroke-dasharray:2;}#mermaidChart1 .marker{fill:#333333;stroke:#333333;}#mermaidChart1 .marker.cross{stroke:#333333;}#mermaidChart1 svg{font-family:sans-serif;font-size:16px;}#mermaidChart1 .label{font-family:sans-serif;color:#333;}#mermaidChart1 .cluster-label text{fill:#333;}#mermaidChart1 .cluster-label span{color:#333;}#mermaidChart1 .label text,#mermaidChart1 span{fill:#333;color:#333;}#mermaidChart1 .node rect,#mermaidChart1 .node circle,#mermaidChart1 .node ellipse,#mermaidChart1 .node polygon,#mermaidChart1 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaidChart1 .node .label{text-align:center;}#mermaidChart1 .node.clickable{cursor:pointer;}#mermaidChart1 .arrowheadPath{fill:#333333;}#mermaidChart1 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaidChart1 .flowchart-link{stroke:#333333;fill:none;}#mermaidChart1 .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaidChart1 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaidChart1 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaidChart1 .cluster text{fill:#333;}#mermaidChart1 .cluster span{color:#333;}#mermaidChart1 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaidChart1 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaidChart1 :root{--mermaid-font-family:sans-serif;}#mermaidChart1 :root{--mermaid-alt-font-family:sans-serif;}</style><g><marker id="flowchart-pointEnd" class="marker flowchart" viewBox="0 0 10 10" refX="10" refY="5" markerUnits="userSpaceOnUse" markerWidth="12" markerHeight="12" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker><marker id="flowchart-pointStart" class="marker flowchart" viewBox="0 0 10 10" refX="0" refY="5" markerUnits="userSpaceOnUse" markerWidth="12" markerHeight="12" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker><marker id="flowchart-circleEnd" class="marker flowchart" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></circle></marker><marker id="flowchart-circleStart" class="marker flowchart" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></circle></marker><marker id="flowchart-crossEnd" class="marker cross flowchart" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"></path></marker><marker id="flowchart-crossStart" class="marker cross flowchart" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"></path></marker><g class="root"><g class="clusters"></g><g class="edgePaths"><path d="M95.875,66L120.875,66L145.875,66" id="L-A-B-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-A LE-B" style="fill:none;" marker-end="url(#flowchart-pointEnd)"></path><path d="M254.390625,66L279.390625,66L304.890625,66.5" id="L-B-C-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-B LE-C" style="fill:none;" marker-end="url(#flowchart-pointEnd)"></path><path d="M406.6414424712888,47.86019247128881L466.0234375,20.5L507.265625,20.5" id="L-C-D-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-C LE-D" style="fill:none;" marker-end="url(#flowchart-pointEnd)"></path><path d="M406.6414424712888,85.13980752871119L466.0234375,111.5L507.84375,111.5" id="L-C-E-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-C LE-E" style="fill:none;" marker-end="url(#flowchart-pointEnd)"></path></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(466.0234375, 20.5)"><g class="label" transform="translate(-16.2421875, -13)"><foreignObject width="32.484375" height="26"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">One</span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(466.0234375, 111.5)"><g class="label" transform="translate(-15.0625, -13)"><foreignObject width="30.125" height="26"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">Two</span></div></foreignObject></g></g></g><g class="nodes"><g class="node default default" id="flowchart-A-16" transform="translate(47.9375, 66)"><rect class="basic label-container" style="" rx="0" ry="0" x="-47.9375" y="-20.5" width="95.875" height="41"></rect><g class="label" style="" transform="translate(-40.4375, -13)"><foreignObject width="80.875" height="26"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Hard edge</span></div></foreignObject></g></g><g class="node default default" id="flowchart-B-17" transform="translate(200.1328125, 66)"><rect class="basic label-container" style="" rx="5" ry="5" x="-54.2578125" y="-20.5" width="108.515625" height="41"></rect><g class="label" style="" transform="translate(-46.7578125, -13)"><foreignObject width="93.515625" height="26"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Round edge</span></div></foreignObject></g></g><g class="node default default" id="flowchart-C-19" transform="translate(364.5859375, 66)"><polygon points="60.1953125,0 120.390625,-60.1953125 60.1953125,-120.390625 0,-60.1953125" class="label-container" transform="translate(-60.1953125,60.1953125)" style=""></polygon><g class="label" style="" transform="translate(-32.1953125, -13)"><foreignObject width="64.390625" height="26"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Decision</span></div></foreignObject></g></g><g class="node default default" id="flowchart-D-21" transform="translate(554.703125, 20.5)"><rect class="basic label-container" style="" rx="0" ry="0" x="-47.4375" y="-20.5" width="94.875" height="41"></rect><g class="label" style="" transform="translate(-39.9375, -13)"><foreignObject width="79.875" height="26"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Result one</span></div></foreignObject></g></g><g class="node default default" id="flowchart-E-23" transform="translate(554.703125, 111.5)"><rect class="basic label-container" style="" rx="0" ry="0" x="-46.859375" y="-20.5" width="93.71875" height="41"></rect><g class="label" style="" transform="translate(-39.359375, -13)"><foreignObject width="78.71875" height="26"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Result two</span></div></foreignObject></g></g></g></g></g></svg></div><div class="md-diagram-panel-error"></div></div></pre><h3 cid="n11" mdtype="heading" contenteditable="true" class="md-end-block md-heading"><span md-inline="plain" class="md-plain">Gantt Charts</span></h3><pre class="md-fences md-end-block md-fences-with-lineno md-diagram md-fences-advanced ty-contain-cm modeLoaded" spellcheck="false" contenteditable="false" lang="mermaid" cid="n12" mdtype="fences" mermaid-type="gantt"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="mermaid"><div style="overflow: hidden; position: relative; width: 3px; height: 0px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>9</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"></div><div class="CodeMirror-code" role="presentation"></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent;"></div><div class="CodeMirror-gutters"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 2px;"></div></div></div></div><div class="md-diagram-panel md-fences-adv-panel"><div class="md-diagram-panel-header"></div><div class="md-diagram-panel-preview"><svg id="mermaidChart2" width="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 525 196" style="max-width: 525px;" aria-roledescription="gantt" aria-labelledby="chart-title-mermaidChart2"><title id="chart-title-mermaidChart2">A Gantt Diagram</title><style>#mermaidChart2{font-family:sans-serif;font-size:16px;fill:#333;}#mermaidChart2 .error-icon{fill:#552222;}#mermaidChart2 .error-text{fill:#552222;stroke:#552222;}#mermaidChart2 .edge-thickness-normal{stroke-width:2px;}#mermaidChart2 .edge-thickness-thick{stroke-width:3.5px;}#mermaidChart2 .edge-pattern-solid{stroke-dasharray:0;}#mermaidChart2 .edge-pattern-dashed{stroke-dasharray:3;}#mermaidChart2 .edge-pattern-dotted{stroke-dasharray:2;}#mermaidChart2 .marker{fill:#333333;stroke:#333333;}#mermaidChart2 .marker.cross{stroke:#333333;}#mermaidChart2 svg{font-family:sans-serif;font-size:16px;}#mermaidChart2 .mermaid-main-font{font-family:"trebuchet ms",verdana,arial,sans-serif;font-family:var(--mermaid-font-family);}#mermaidChart2 .exclude-range{fill:#eeeeee;}#mermaidChart2 .section{stroke:none;opacity:0.2;}#mermaidChart2 .section0{fill:rgba(102, 102, 255, 0.49);}#mermaidChart2 .section2{fill:#fff400;}#mermaidChart2 .section1,#mermaidChart2 .section3{fill:white;opacity:0.2;}#mermaidChart2 .sectionTitle0{fill:#333;}#mermaidChart2 .sectionTitle1{fill:#333;}#mermaidChart2 .sectionTitle2{fill:#333;}#mermaidChart2 .sectionTitle3{fill:#333;}#mermaidChart2 .sectionTitle{text-anchor:start;font-family:'trebuchet ms',verdana,arial,sans-serif;font-family:var(--mermaid-font-family);}#mermaidChart2 .grid .tick{stroke:lightgrey;opacity:0.8;shape-rendering:crispEdges;}#mermaidChart2 .grid .tick text{font-family:sans-serif;fill:#333;}#mermaidChart2 .grid path{stroke-width:0;}#mermaidChart2 .today{fill:none;stroke:red;stroke-width:2px;}#mermaidChart2 .task{stroke-width:2;}#mermaidChart2 .taskText{text-anchor:middle;font-family:'trebuchet ms',verdana,arial,sans-serif;font-family:var(--mermaid-font-family);}#mermaidChart2 .taskTextOutsideRight{fill:black;text-anchor:start;font-family:'trebuchet ms',verdana,arial,sans-serif;font-family:var(--mermaid-font-family);}#mermaidChart2 .taskTextOutsideLeft{fill:black;text-anchor:end;}#mermaidChart2 .task.clickable{cursor:pointer;}#mermaidChart2 .taskText.clickable{cursor:pointer;fill:#003163!important;font-weight:bold;}#mermaidChart2 .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163!important;font-weight:bold;}#mermaidChart2 .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163!important;font-weight:bold;}#mermaidChart2 .taskText0,#mermaidChart2 .taskText1,#mermaidChart2 .taskText2,#mermaidChart2 .taskText3{fill:white;}#mermaidChart2 .task0,#mermaidChart2 .task1,#mermaidChart2 .task2,#mermaidChart2 .task3{fill:#8a90dd;stroke:#534fbc;}#mermaidChart2 .taskTextOutside0,#mermaidChart2 .taskTextOutside2{fill:black;}#mermaidChart2 .taskTextOutside1,#mermaidChart2 .taskTextOutside3{fill:black;}#mermaidChart2 .active0,#mermaidChart2 .active1,#mermaidChart2 .active2,#mermaidChart2 .active3{fill:#bfc7ff;stroke:#534fbc;}#mermaidChart2 .activeText0,#mermaidChart2 .activeText1,#mermaidChart2 .activeText2,#mermaidChart2 .activeText3{fill:black!important;}#mermaidChart2 .done0,#mermaidChart2 .done1,#mermaidChart2 .done2,#mermaidChart2 .done3{stroke:grey;fill:lightgrey;stroke-width:2;}#mermaidChart2 .doneText0,#mermaidChart2 .doneText1,#mermaidChart2 .doneText2,#mermaidChart2 .doneText3{fill:black!important;}#mermaidChart2 .crit0,#mermaidChart2 .crit1,#mermaidChart2 .crit2,#mermaidChart2 .crit3{stroke:#ff8888;fill:red;stroke-width:2;}#mermaidChart2 .activeCrit0,#mermaidChart2 .activeCrit1,#mermaidChart2 .activeCrit2,#mermaidChart2 .activeCrit3{stroke:#ff8888;fill:#bfc7ff;stroke-width:2;}#mermaidChart2 .doneCrit0,#mermaidChart2 .doneCrit1,#mermaidChart2 .doneCrit2,#mermaidChart2 .doneCrit3{stroke:#ff8888;fill:lightgrey;stroke-width:2;cursor:pointer;shape-rendering:crispEdges;}#mermaidChart2 .milestone{transform:rotate(45deg) scale(0.8,0.8);}#mermaidChart2 .milestoneText{font-style:italic;}#mermaidChart2 .doneCritText0,#mermaidChart2 .doneCritText1,#mermaidChart2 .doneCritText2,#mermaidChart2 .doneCritText3{fill:black!important;}#mermaidChart2 .activeCritText0,#mermaidChart2 .activeCritText1,#mermaidChart2 .activeCritText2,#mermaidChart2 .activeCritText3{fill:black!important;}#mermaidChart2 .titleText{text-anchor:middle;font-size:18px;fill:#333;font-family:'trebuchet ms',verdana,arial,sans-serif;font-family:var(--mermaid-font-family);}#mermaidChart2 :root{--mermaid-font-family:sans-serif;}#mermaidChart2 :root{--mermaid-alt-font-family:sans-serif;}</style><g></g><g></g><g class="grid" transform="translate(75, 146)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M0.5,-111V0.5H430.5V-111"></path><g class="tick" opacity="1" transform="translate(34.5,0)"><line stroke="currentColor" y2="-111"></line><text fill="#000" y="3" dy="1em" stroke="none" font-size="10" style="text-anchor: middle;">2014-01-05</text></g><g class="tick" opacity="1" transform="translate(95.5,0)"><line stroke="currentColor" y2="-111"></line><text fill="#000" y="3" dy="1em" stroke="none" font-size="10" style="text-anchor: middle;">2014-01-12</text></g><g class="tick" opacity="1" transform="translate(155.5,0)"><line stroke="currentColor" y2="-111"></line><text fill="#000" y="3" dy="1em" stroke="none" font-size="10" style="text-anchor: middle;">2014-01-19</text></g><g class="tick" opacity="1" transform="translate(215.5,0)"><line stroke="currentColor" y2="-111"></line><text fill="#000" y="3" dy="1em" stroke="none" font-size="10" style="text-anchor: middle;">2014-01-26</text></g><g class="tick" opacity="1" transform="translate(275.5,0)"><line stroke="currentColor" y2="-111"></line><text fill="#000" y="3" dy="1em" stroke="none" font-size="10" style="text-anchor: middle;">2014-02-02</text></g><g class="tick" opacity="1" transform="translate(335.5,0)"><line stroke="currentColor" y2="-111"></line><text fill="#000" y="3" dy="1em" stroke="none" font-size="10" style="text-anchor: middle;">2014-02-09</text></g><g class="tick" opacity="1" transform="translate(396.5,0)"><line stroke="currentColor" y2="-111"></line><text fill="#000" y="3" dy="1em" stroke="none" font-size="10" style="text-anchor: middle;">2014-02-16</text></g></g><g><rect x="0" y="48" width="515" height="24" class="section section0"></rect><rect x="0" y="96" width="515" height="24" class="section section1"></rect><rect x="0" y="120" width="515" height="24" class="section section1"></rect><rect x="0" y="72" width="515" height="24" class="section section0"></rect></g><g><rect id="a1" rx="3" ry="3" x="75" y="50" width="258" height="20" transform-origin="204px 60px" class="task task0 "></rect><rect id="task2" rx="3" ry="3" x="170" y="98" width="103" height="20" transform-origin="221.5px 108px" class="task task1 "></rect><rect id="task3" rx="3" ry="3" x="273" y="122" width="206" height="20" transform-origin="376px 132px" class="task task1 "></rect><rect id="task1" rx="3" ry="3" x="333" y="74" width="172" height="20" transform-origin="419px 84px" class="task task0 "></rect><text id="a1-text" font-size="11" x="204" y="63.5" text-height="20" class=" taskText taskText0  width-32.9892578125">A task           </text><text id="task2-text" font-size="11" x="221.5" y="111.5" text-height="20" class=" taskText taskText1  width-56.34228515625">Task in sec      </text><text id="task3-text" font-size="11" x="376" y="135.5" text-height="20" class=" taskText taskText1  width-66.92218017578125">another task      </text><text id="task1-text" font-size="11" x="419" y="87.5" text-height="20" class=" taskText taskText0  width-68.52276611328125">Another task     </text></g><g><text dy="0em" x="10" y="74" font-size="11" class="sectionTitle sectionTitle0"><tspan alignment-baseline="central" x="10">Section</tspan></text><text dy="0em" x="10" y="122" font-size="11" class="sectionTitle sectionTitle1"><tspan alignment-baseline="central" x="10">Another</tspan></text></g><g class="today"><line x1="28760" x2="28760" y1="25" y2="171" class="today"></line></g><text x="262.5" y="25" class="titleText">A Gantt Diagram</text></svg></div><div class="md-diagram-panel-error"></div></div></pre><h3 cid="n13" mdtype="heading" contenteditable="true" class="md-end-block md-heading"><span md-inline="plain" class="md-plain">Class Diagrams</span></h3><pre class="md-fences md-end-block md-fences-with-lineno md-diagram md-fences-advanced ty-contain-cm modeLoaded" spellcheck="false" contenteditable="false" lang="mermaid" cid="n14" mdtype="fences" mermaid-type="classDiagram"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="mermaid"><div style="overflow: hidden; position: relative; width: 3px; height: 0px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>21</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"></div><div class="CodeMirror-code" role="presentation"></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent;"></div><div class="CodeMirror-gutters"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 2px;"></div></div></div></div><div class="md-diagram-panel md-fences-adv-panel"><div class="md-diagram-panel-header"></div><div class="md-diagram-panel-preview"><svg id="mermaidChart3" width="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="max-width: 507.9375px;" viewBox="0 0 507.9375 406" aria-roledescription="classDiagram"><style>#mermaidChart3{font-family:sans-serif;font-size:16px;fill:#333;}#mermaidChart3 .error-icon{fill:#552222;}#mermaidChart3 .error-text{fill:#552222;stroke:#552222;}#mermaidChart3 .edge-thickness-normal{stroke-width:2px;}#mermaidChart3 .edge-thickness-thick{stroke-width:3.5px;}#mermaidChart3 .edge-pattern-solid{stroke-dasharray:0;}#mermaidChart3 .edge-pattern-dashed{stroke-dasharray:3;}#mermaidChart3 .edge-pattern-dotted{stroke-dasharray:2;}#mermaidChart3 .marker{fill:#333333;stroke:#333333;}#mermaidChart3 .marker.cross{stroke:#333333;}#mermaidChart3 svg{font-family:sans-serif;font-size:16px;}#mermaidChart3 g.classGroup text{fill:#9370DB;fill:#131300;stroke:none;font-family:sans-serif;font-size:10px;}#mermaidChart3 g.classGroup text .title{font-weight:bolder;}#mermaidChart3 .nodeLabel,#mermaidChart3 .edgeLabel{color:#131300;}#mermaidChart3 .edgeLabel .label rect{fill:#ECECFF;}#mermaidChart3 .label text{fill:#131300;}#mermaidChart3 .edgeLabel .label span{background:#ECECFF;}#mermaidChart3 .classTitle{font-weight:bolder;}#mermaidChart3 .node rect,#mermaidChart3 .node circle,#mermaidChart3 .node ellipse,#mermaidChart3 .node polygon,#mermaidChart3 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaidChart3 .divider{stroke:#9370DB;stroke:1;}#mermaidChart3 g.clickable{cursor:pointer;}#mermaidChart3 g.classGroup rect{fill:#ECECFF;stroke:#9370DB;}#mermaidChart3 g.classGroup line{stroke:#9370DB;stroke-width:1;}#mermaidChart3 .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5;}#mermaidChart3 .classLabel .label{fill:#9370DB;font-size:10px;}#mermaidChart3 .relation{stroke:#333333;stroke-width:1;fill:none;}#mermaidChart3 .dashed-line{stroke-dasharray:3;}#mermaidChart3 .dotted-line{stroke-dasharray:1 2;}#mermaidChart3 #compositionStart,#mermaidChart3 .composition{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaidChart3 #compositionEnd,#mermaidChart3 .composition{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaidChart3 #dependencyStart,#mermaidChart3 .dependency{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaidChart3 #dependencyStart,#mermaidChart3 .dependency{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaidChart3 #extensionStart,#mermaidChart3 .extension{fill:#ECECFF!important;stroke:#333333!important;stroke-width:1;}#mermaidChart3 #extensionEnd,#mermaidChart3 .extension{fill:#ECECFF!important;stroke:#333333!important;stroke-width:1;}#mermaidChart3 #aggregationStart,#mermaidChart3 .aggregation{fill:#ECECFF!important;stroke:#333333!important;stroke-width:1;}#mermaidChart3 #aggregationEnd,#mermaidChart3 .aggregation{fill:#ECECFF!important;stroke:#333333!important;stroke-width:1;}#mermaidChart3 #lollipopStart,#mermaidChart3 .lollipop{fill:#ECECFF!important;stroke:#333333!important;stroke-width:1;}#mermaidChart3 #lollipopEnd,#mermaidChart3 .lollipop{fill:#ECECFF!important;stroke:#333333!important;stroke-width:1;}#mermaidChart3 .edgeTerminals{font-size:11px;}#mermaidChart3 .classTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaidChart3 :root{--mermaid-font-family:sans-serif;}#mermaidChart3 :root{--mermaid-alt-font-family:sans-serif;}</style><g><defs><marker id="classDiagram-aggregationStart" class="marker aggregation classDiagram" refX="0" refY="7" markerWidth="190" markerHeight="240" orient="auto"><path d="M 18,7 L9,13 L1,7 L9,1 Z"></path></marker></defs><defs><marker id="classDiagram-aggregationEnd" class="marker aggregation classDiagram" refX="19" refY="7" markerWidth="20" markerHeight="28" orient="auto"><path d="M 18,7 L9,13 L1,7 L9,1 Z"></path></marker></defs><defs><marker id="classDiagram-extensionStart" class="marker extension classDiagram" refX="0" refY="7" markerWidth="190" markerHeight="240" orient="auto"><path d="M 1,7 L18,13 V 1 Z"></path></marker></defs><defs><marker id="classDiagram-extensionEnd" class="marker extension classDiagram" refX="19" refY="7" markerWidth="20" markerHeight="28" orient="auto"><path d="M 1,1 V 13 L18,7 Z"></path></marker></defs><defs><marker id="classDiagram-compositionStart" class="marker composition classDiagram" refX="0" refY="7" markerWidth="190" markerHeight="240" orient="auto"><path d="M 18,7 L9,13 L1,7 L9,1 Z"></path></marker></defs><defs><marker id="classDiagram-compositionEnd" class="marker composition classDiagram" refX="19" refY="7" markerWidth="20" markerHeight="28" orient="auto"><path d="M 18,7 L9,13 L1,7 L9,1 Z"></path></marker></defs><defs><marker id="classDiagram-dependencyStart" class="marker dependency classDiagram" refX="0" refY="7" markerWidth="190" markerHeight="240" orient="auto"><path d="M 5,7 L9,13 L1,7 L9,1 Z"></path></marker></defs><defs><marker id="classDiagram-dependencyEnd" class="marker dependency classDiagram" refX="19" refY="7" markerWidth="20" markerHeight="28" orient="auto"><path d="M 18,7 L9,13 L14,7 L9,1 Z"></path></marker></defs><defs><marker id="classDiagram-lollipopStart" class="marker lollipop classDiagram" refX="0" refY="7" markerWidth="190" markerHeight="240" orient="auto"><circle stroke="black" fill="white" cx="6" cy="7" r="6"></circle></marker></defs><g class="root"><g class="clusters"></g><g class="edgePaths"><path d="M208.09375,141.35176119155292L187.62109375,154.12646765962742C167.1484375,166.90117412770195,126.203125,192.45058706385097,105.73046875,209.39196019859216C85.2578125,226.33333333333334,85.2578125,234.66666666666666,85.2578125,238.83333333333334L85.2578125,243" id="id1" class="  edge-pattern-solid relation" style="fill:none" marker-start="url(#classDiagram-extensionStart)"></path><path d="M273.5625,193L273.5625,197.16666666666666C273.5625,201.33333333333334,273.5625,209.66666666666666,273.5625,220.5C273.5625,231.33333333333334,273.5625,244.66666666666666,273.5625,251.33333333333334L273.5625,258" id="id2" class="  edge-pattern-solid relation" style="fill:none" marker-start="url(#classDiagram-extensionStart)"></path><path d="M339.03125,146.09620282472795L356.23828125,158.08016902060663C373.4453125,170.0641352164853,407.859375,194.03206760824264,425.06640625,212.68270047078798C442.2734375,231.33333333333334,442.2734375,244.66666666666666,442.2734375,251.33333333333334L442.2734375,258" id="id3" class="  edge-pattern-solid relation" style="fill:none" marker-start="url(#classDiagram-extensionStart)"></path></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default" id="classid-Animal-0" transform="translate(273.5625, 100.5)"><rect class="outer title-state" x="-65.46875" y="-92.5" width="130.9375" height="185"></rect><line class="divider" x1="-65.46875" x2="65.46875" y1="-54.5" y2="-54.5"></line><line class="divider" x1="-65.46875" x2="65.46875" y1="21.5" y2="21.5"></line><g class="label"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel"></span></div></foreignObject><foreignObject class="classTitle" width="56.171875" height="26" transform="translate( -28.0859375, -85)"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Animal</span></div></foreignObject><foreignObject width="64.4375" height="26" transform="translate( -57.96875, -43)"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">+int age</span></div></foreignObject><foreignObject width="115.9375" height="26" transform="translate( -57.96875, -13)"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">+String gender</span></div></foreignObject><foreignObject width="99.609375" height="26" transform="translate( -57.96875, 29)"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">+isMammal()</span></div></foreignObject><foreignObject width="60.734375" height="26" transform="translate( -57.96875, 59)"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">+mate()</span></div></foreignObject></g></g><g class="node default" id="classid-Duck-1" transform="translate(85.2578125, 320.5)"><rect class="outer title-state" x="-77.2578125" y="-77.5" width="154.515625" height="155"></rect><line class="divider" x1="-77.2578125" x2="77.2578125" y1="-39.5" y2="-39.5"></line><line class="divider" x1="-77.2578125" x2="77.2578125" y1="6.5" y2="6.5"></line><g class="label"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel"></span></div></foreignObject><foreignObject class="classTitle" width="40.59375" height="26" transform="translate( -20.296875, -70)"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Duck</span></div></foreignObject><foreignObject width="139.515625" height="26" transform="translate( -69.7578125, -28)"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">+String beakColor</span></div></foreignObject><foreignObject width="60.296875" height="26" transform="translate( -69.7578125, 14)"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">+swim()</span></div></foreignObject><foreignObject width="67.390625" height="26" transform="translate( -69.7578125, 44)"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">+quack()</span></div></foreignObject></g></g><g class="node default" id="classid-Fish-2" transform="translate(273.5625, 320.5)"><rect class="outer title-state" x="-61.046875" y="-62.5" width="122.09375" height="125"></rect><line class="divider" x1="-61.046875" x2="61.046875" y1="-24.5" y2="-24.5"></line><line class="divider" x1="-61.046875" x2="61.046875" y1="21.5" y2="21.5"></line><g class="label"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel"></span></div></foreignObject><foreignObject class="classTitle" width="31.828125" height="26" transform="translate( -15.9140625, -55)"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Fish</span></div></foreignObject><foreignObject width="107.09375" height="26" transform="translate( -53.546875, -13)"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">-int sizeInFeet</span></div></foreignObject><foreignObject width="68.453125" height="26" transform="translate( -53.546875, 29)"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">-canEat()</span></div></foreignObject></g></g><g class="node default" id="classid-Zebra-3" transform="translate(442.2734375, 320.5)"><rect class="outer title-state" x="-57.6640625" y="-62.5" width="115.328125" height="125"></rect><line class="divider" x1="-57.6640625" x2="57.6640625" y1="-24.5" y2="-24.5"></line><line class="divider" x1="-57.6640625" x2="57.6640625" y1="21.5" y2="21.5"></line><g class="label"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel"></span></div></foreignObject><foreignObject class="classTitle" width="46.421875" height="26" transform="translate( -23.2109375, -55)"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Zebra</span></div></foreignObject><foreignObject width="100.328125" height="26" transform="translate( -50.1640625, -13)"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">+bool is_wild</span></div></foreignObject><foreignObject width="47.890625" height="26" transform="translate( -50.1640625, 29)"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">+run()</span></div></foreignObject></g></g></g></g></g></svg></div><div class="md-diagram-panel-error"></div></div></pre><h3 cid="n15" mdtype="heading" contenteditable="true" class="md-end-block md-heading"><span md-inline="plain" class="md-plain">State Diagrams</span></h3><pre class="md-fences md-end-block md-fences-with-lineno md-diagram md-fences-advanced ty-contain-cm modeLoaded" spellcheck="false" contenteditable="false" lang="mermaid" cid="n16" mdtype="fences" mermaid-type="stateDiagram"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="mermaid"><div style="overflow: hidden; position: relative; width: 3px; height: 0px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>8</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"></div><div class="CodeMirror-code" role="presentation"></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent;"></div><div class="CodeMirror-gutters"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 2px;"></div></div></div></div><div class="md-diagram-panel md-fences-adv-panel"><div class="md-diagram-panel-header"></div><div class="md-diagram-panel-preview"><svg id="mermaidChart4" width="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="statediagram" style="max-width: 123.09375px;" viewBox="-24.71875 0 123.09375 367" aria-roledescription="stateDiagram"><style>#mermaidChart4{font-family:sans-serif;font-size:16px;fill:#333;}#mermaidChart4 .error-icon{fill:#552222;}#mermaidChart4 .error-text{fill:#552222;stroke:#552222;}#mermaidChart4 .edge-thickness-normal{stroke-width:2px;}#mermaidChart4 .edge-thickness-thick{stroke-width:3.5px;}#mermaidChart4 .edge-pattern-solid{stroke-dasharray:0;}#mermaidChart4 .edge-pattern-dashed{stroke-dasharray:3;}#mermaidChart4 .edge-pattern-dotted{stroke-dasharray:2;}#mermaidChart4 .marker{fill:#333333;stroke:#333333;}#mermaidChart4 .marker.cross{stroke:#333333;}#mermaidChart4 svg{font-family:sans-serif;font-size:16px;}#mermaidChart4 defs #statediagram-barbEnd{fill:#333333;stroke:#333333;}#mermaidChart4 g.stateGroup text{fill:#9370DB;stroke:none;font-size:10px;}#mermaidChart4 g.stateGroup text{fill:#333;stroke:none;font-size:10px;}#mermaidChart4 g.stateGroup .state-title{font-weight:bolder;fill:#131300;}#mermaidChart4 g.stateGroup rect{fill:#ECECFF;stroke:#9370DB;}#mermaidChart4 g.stateGroup line{stroke:#333333;stroke-width:1;}#mermaidChart4 .transition{stroke:#333333;stroke-width:1;fill:none;}#mermaidChart4 .stateGroup .composit{fill:white;border-bottom:1px;}#mermaidChart4 .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px;}#mermaidChart4 .state-note{stroke:#aaaa33;fill:#fff5ad;}#mermaidChart4 .state-note text{fill:black;stroke:none;font-size:10px;}#mermaidChart4 .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5;}#mermaidChart4 .edgeLabel .label rect{fill:#ECECFF;opacity:0.5;}#mermaidChart4 .edgeLabel .label text{fill:#333;}#mermaidChart4 .label div .edgeLabel{color:#333;}#mermaidChart4 .stateLabel text{fill:#131300;font-size:10px;font-weight:bold;}#mermaidChart4 .node circle.state-start{fill:#333333;stroke:#333333;}#mermaidChart4 .node .fork-join{fill:#333333;stroke:#333333;}#mermaidChart4 .node circle.state-end{fill:#9370DB;stroke:white;stroke-width:1.5;}#mermaidChart4 .end-state-inner{fill:white;stroke-width:1.5;}#mermaidChart4 .node rect{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaidChart4 .node polygon{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaidChart4 #statediagram-barbEnd{fill:#333333;}#mermaidChart4 .statediagram-cluster rect{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaidChart4 .cluster-label,#mermaidChart4 .nodeLabel{color:#131300;}#mermaidChart4 .statediagram-cluster rect.outer{rx:5px;ry:5px;}#mermaidChart4 .statediagram-state .divider{stroke:#9370DB;}#mermaidChart4 .statediagram-state .title-state{rx:5px;ry:5px;}#mermaidChart4 .statediagram-cluster.statediagram-cluster .inner{fill:white;}#mermaidChart4 .statediagram-cluster.statediagram-cluster-alt .inner{fill:#f0f0f0;}#mermaidChart4 .statediagram-cluster .inner{rx:0;ry:0;}#mermaidChart4 .statediagram-state rect.basic{rx:5px;ry:5px;}#mermaidChart4 .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#f0f0f0;}#mermaidChart4 .note-edge{stroke-dasharray:5;}#mermaidChart4 .statediagram-note rect{fill:#fff5ad;stroke:#aaaa33;stroke-width:1px;rx:0;ry:0;}#mermaidChart4 .statediagram-note rect{fill:#fff5ad;stroke:#aaaa33;stroke-width:1px;rx:0;ry:0;}#mermaidChart4 .statediagram-note text{fill:black;}#mermaidChart4 .statediagram-note .nodeLabel{color:black;}#mermaidChart4 .statediagram .edgeLabel{color:red;}#mermaidChart4 #dependencyStart,#mermaidChart4 #dependencyEnd{fill:#333333;stroke:#333333;stroke-width:1;}#mermaidChart4 .statediagramTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaidChart4 :root{--mermaid-font-family:sans-serif;}#mermaidChart4 :root{--mermaid-alt-font-family:sans-serif;}</style><g><defs><marker id="statediagram-barbEnd" refX="19" refY="7" markerWidth="20" markerHeight="14" markerUnits="strokeWidth" orient="auto"><path d="M 19,7 L9,13 L14,7 L9,1 Z"></path></marker></defs><g class="root"><g class="clusters"></g><g class="edgePaths"><path d="M28.8046875,22L28.8046875,26.166666666666668C28.8046875,30.333333333333332,28.8046875,38.666666666666664,28.8046875,47C28.8046875,55.333333333333336,28.8046875,63.666666666666664,28.8046875,67.83333333333333L28.8046875,72" id="edge0" class=" edge-thickness-normal transition" style="fill:none" marker-end="url(#statediagram-barbEnd)"></path><path d="M8.294127747252748,113L4.125314789377289,117.16666666666667C-0.0434981684981679,121.33333333333333,-8.381124084249084,129.66666666666666,-12.549937042124542,141.41666666666666C-16.71875,153.16666666666666,-16.71875,168.33333333333334,-16.71875,183.5C-16.71875,198.66666666666666,-16.71875,213.83333333333334,-16.71875,229C-16.71875,244.16666666666666,-16.71875,259.3333333333333,-16.71875,274.5C-16.71875,289.6666666666667,-16.71875,304.8333333333333,-11.66500277007909,316.96915152564094C-6.611255540158177,329.10496971794856,3.496238919683646,338.2099394358971,8.549986149604557,342.7624242948714L13.603733379525469,347.3149091538457" id="edge1" class=" edge-thickness-normal transition" style="fill:none" marker-end="url(#statediagram-barbEnd)"></path><path d="M28.8046875,113L28.8046875,117.16666666666667C28.8046875,121.33333333333333,28.8046875,129.66666666666666,31.141998626373624,138C33.47930975274725,146.33333333333334,38.153932005494504,154.66666666666666,40.49124313186813,158.83333333333334L42.82855425824176,163" id="edge2" class=" edge-thickness-normal transition" style="fill:none" marker-end="url(#statediagram-barbEnd)"></path><path d="M58.833619505494504,163L59.74937042124542,158.83333333333334C60.66512133699634,154.66666666666666,62.49662316849817,146.33333333333334,60.15931204212453,138C57.82200091575091,129.66666666666666,51.31587683150183,121.33333333333333,48.062814789377285,117.16666666666667L44.809752747252745,113" id="edge3" class=" edge-thickness-normal transition" style="fill:none" marker-end="url(#statediagram-barbEnd)"></path><path d="M54.328125,204L54.328125,208.16666666666666C54.328125,212.33333333333334,54.328125,220.66666666666666,54.328125,229C54.328125,237.33333333333334,54.328125,245.66666666666666,54.328125,249.83333333333334L54.328125,254" id="edge4" class=" edge-thickness-normal transition" style="fill:none" marker-end="url(#statediagram-barbEnd)"></path><path d="M54.328125,295L54.328125,299.1666666666667C54.328125,303.3333333333333,54.328125,311.6666666666667,49.27437777007909,320.3858181923076C44.220630540158176,329.10496971794856,34.11313608031636,338.2099394358971,29.059388850395447,342.7624242948714L24.00564162047453,347.3149091538457" id="edge5" class=" edge-thickness-normal transition" style="fill:none" marker-end="url(#statediagram-barbEnd)"></path></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><rect rx="0" ry="0" width="0" height="0"></rect><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><rect rx="0" ry="0" width="0" height="0"></rect><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><rect rx="0" ry="0" width="0" height="0"></rect><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><rect rx="0" ry="0" width="0" height="0"></rect><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><rect rx="0" ry="0" width="0" height="0"></rect><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><rect rx="0" ry="0" width="0" height="0"></rect><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default" id="state-root_start-0" transform="translate(28.8046875, 15)"><circle class="state-start" r="7" width="14" height="14"></circle></g><g class="node  statediagram-state" id="state-Still-3" transform="translate(28.8046875, 92.5)"><rect class="basic label-container" style="" x="-20.8046875" y="-20.5" width="41.609375" height="41"></rect><g class="label" style="" transform="translate(-13.3046875, -13)"><foreignObject width="26.609375" height="26"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Still</span></div></foreignObject></g></g><g class="node default" id="state-root_end-5" transform="translate(18.8046875, 352)"><circle class="state-start" r="7" width="14" height="14"></circle><circle class="state-end" r="5" width="10" height="10"></circle></g><g class="node  statediagram-state" id="state-Moving-4" transform="translate(54.328125, 183.5)"><rect class="basic label-container" style="" x="-36.046875" y="-20.5" width="72.09375" height="41"></rect><g class="label" style="" transform="translate(-28.546875, -13)"><foreignObject width="57.09375" height="26"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Moving</span></div></foreignObject></g></g><g class="node  statediagram-state" id="state-Crash-5" transform="translate(54.328125, 274.5)"><rect class="basic label-container" style="" x="-29.09375" y="-20.5" width="58.1875" height="41"></rect><g class="label" style="" transform="translate(-21.59375, -13)"><foreignObject width="43.1875" height="26"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Crash</span></div></foreignObject></g></g></g></g></g></svg></div><div class="md-diagram-panel-error"></div></div></pre><h3 cid="n17" mdtype="heading" contenteditable="true" class="md-end-block md-heading"><span md-inline="plain" class="md-plain">Pie Charts</span></h3><pre class="md-fences md-end-block md-fences-with-lineno md-diagram md-fences-advanced ty-contain-cm modeLoaded" spellcheck="false" contenteditable="false" lang="mermaid" cid="n18" mdtype="fences" mermaid-type="pie"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="mermaid"><div style="overflow: hidden; position: relative; width: 3px; height: 0px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"></div><div class="CodeMirror-code" role="presentation"></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent;"></div><div class="CodeMirror-gutters"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 2px;"></div></div></div></div><div class="md-diagram-panel md-fences-adv-panel"><div class="md-diagram-panel-header"></div><div class="md-diagram-panel-preview"><svg id="mermaidChart5" width="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="max-width: 525px;" viewBox="0 0 525 450" aria-roledescription="pie" aria-labelledby="chart-title-mermaidChart5"><title id="chart-title-mermaidChart5">Pie Chart</title><style>#mermaidChart5{font-family:sans-serif;font-size:16px;fill:#333;}#mermaidChart5 .error-icon{fill:#552222;}#mermaidChart5 .error-text{fill:#552222;stroke:#552222;}#mermaidChart5 .edge-thickness-normal{stroke-width:2px;}#mermaidChart5 .edge-thickness-thick{stroke-width:3.5px;}#mermaidChart5 .edge-pattern-solid{stroke-dasharray:0;}#mermaidChart5 .edge-pattern-dashed{stroke-dasharray:3;}#mermaidChart5 .edge-pattern-dotted{stroke-dasharray:2;}#mermaidChart5 .marker{fill:#333333;stroke:#333333;}#mermaidChart5 .marker.cross{stroke:#333333;}#mermaidChart5 svg{font-family:sans-serif;font-size:16px;}#mermaidChart5 .pieCircle{stroke:black;stroke-width:2px;opacity:0.7;}#mermaidChart5 .pieTitleText{text-anchor:middle;font-size:25px;fill:black;font-family:sans-serif;}#mermaidChart5 .slice{font-family:sans-serif;fill:#333;font-size:17px;}#mermaidChart5 .legend text{fill:black;font-family:sans-serif;font-size:17px;}#mermaidChart5 :root{--mermaid-font-family:sans-serif;}#mermaidChart5 :root{--mermaid-alt-font-family:sans-serif;}</style><g></g><g transform="translate(262.5,225)"><path d="M1.1327982892113017e-14,-185A185,185,0,1,1,-127.97216275520904,133.59687705838894L0,0Z" fill="#ECECFF" class="pieCircle"></path><path d="M-127.97216275520904,133.59687705838894A185,185,0,0,1,-184.7390635458573,-9.822341889778679L0,0Z" fill="#ffffde" class="pieCircle"></path><path d="M-184.7390635458573,-9.822341889778679A185,185,0,0,1,-3.398394867633905e-14,-185L0,0Z" fill="hsl(80, 100%, 56.2745098039%)" class="pieCircle"></path><text transform="translate(85.83444985537709,34.47748856898884)" class="slice" style="text-anchor: middle;">62%</text><text transform="translate(-86.00776978652102,34.04281915982874)" class="slice" style="text-anchor: middle;">14%</text><text transform="translate(-63.64733571642154,-67.12128318351141)" class="slice" style="text-anchor: middle;">24%</text><text x="0" y="-200" class="pieTitleText">Pie Chart</text><g class="legend" transform="translate(216,-33)"><rect width="18" height="18" style="fill: rgb(236, 236, 255); stroke: rgb(236, 236, 255);"></rect><text x="22" y="14">Dogs</text></g><g class="legend" transform="translate(216,-11)"><rect width="18" height="18" style="fill: rgb(255, 255, 222); stroke: rgb(255, 255, 222);"></rect><text x="22" y="14">Cats</text></g><g class="legend" transform="translate(216,11)"><rect width="18" height="18" style="fill: rgb(181, 255, 32); stroke: rgb(181, 255, 32);"></rect><text x="22" y="14">Rats</text></g></g></svg></div><div class="md-diagram-panel-error"></div></div></pre><h3 cid="n19" mdtype="heading" contenteditable="true" class="md-end-block md-heading"><span md-inline="plain" class="md-plain">Requirement Diagram</span></h3><pre class="md-fences md-end-block md-fences-with-lineno md-diagram md-fences-advanced ty-contain-cm modeLoaded" spellcheck="false" contenteditable="false" lang="mermaid" cid="n20" mdtype="fences" mermaid-type="requirementDiagram"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="mermaid"><div style="overflow: hidden; position: relative; width: 3px; height: 0px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>14</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"></div><div class="CodeMirror-code" role="presentation"></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent;"></div><div class="CodeMirror-gutters"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 2px;"></div></div></div></div><div class="md-diagram-panel md-fences-adv-panel"><div class="md-diagram-panel-header"></div><div class="md-diagram-panel-preview"><svg id="mermaidChart6" width="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="max-width: 220px;" viewBox="10 10 220 520" aria-roledescription="requirement"><style>#mermaidChart6{font-family:sans-serif;font-size:16px;fill:#333;}#mermaidChart6 .error-icon{fill:#552222;}#mermaidChart6 .error-text{fill:#552222;stroke:#552222;}#mermaidChart6 .edge-thickness-normal{stroke-width:2px;}#mermaidChart6 .edge-thickness-thick{stroke-width:3.5px;}#mermaidChart6 .edge-pattern-solid{stroke-dasharray:0;}#mermaidChart6 .edge-pattern-dashed{stroke-dasharray:3;}#mermaidChart6 .edge-pattern-dotted{stroke-dasharray:2;}#mermaidChart6 .marker{fill:#333333;stroke:#333333;}#mermaidChart6 .marker.cross{stroke:#333333;}#mermaidChart6 svg{font-family:sans-serif;font-size:16px;}#mermaidChart6 marker{fill:#333333;stroke:#333333;}#mermaidChart6 marker.cross{stroke:#333333;}#mermaidChart6 svg{font-family:sans-serif;font-size:16px;}#mermaidChart6 .reqBox{fill:#ECECFF;fill-opacity:100%;stroke:hsl(240, 60%, 86.2745098039%);stroke-width:hsl(240, 60%, 86.2745098039%);}#mermaidChart6 .reqTitle,#mermaidChart6 .reqLabel{fill:#131300;}#mermaidChart6 .reqLabelBox{fill:#e8e8e8;fill-opacity:100%;}#mermaidChart6 .req-title-line{stroke:hsl(240, 60%, 86.2745098039%);stroke-width:hsl(240, 60%, 86.2745098039%);}#mermaidChart6 .relationshipLine{stroke:#333333;stroke-width:1;}#mermaidChart6 .relationshipLabel{fill:black;}#mermaidChart6 :root{--mermaid-font-family:sans-serif;}#mermaidChart6 :root{--mermaid-alt-font-family:sans-serif;}</style><g></g><defs><marker id="contains_line_ending" refX="0" refY="10" markerWidth="20" markerHeight="20" orient="auto"><g><circle cx="10" cy="10" r="10" fill="none"></circle><line x1="0" x2="20" y1="10" y2="10" stroke-width="1"></line><line y1="0" y2="20" x1="10" x2="10" stroke-width="1"></line></g></marker></defs><defs><marker id="arrow_line_ending" refX="20" refY="10" markerWidth="20" markerHeight="20" orient="auto"><path d="M0,0
      L20,10
      M20,10
      L0,20" stroke-width="1"></path></marker></defs><g id="test_req" transform="translate(20,320 )"><rect class="req reqBox" x="0" y="0" width="200px" height="200px"></rect><text class="req reqLabel reqTitle" id="test_req_title" x="100" y="10" dominant-baseline="hanging"><tspan text-anchor="middle" x="100" dy="0">&lt;&lt;Requirement&gt;&gt;</tspan><tspan text-anchor="middle" x="100" dy="15">test_req</tspan></text><line class="req-title-line" x1="0" x2="200" y1="45" y2="45"></line><text class="req reqLabel" id="test_req_body" x="10" y="45" dominant-baseline="hanging"><tspan x="10" dy="20">Id: 1</tspan><tspan x="10" dy="20">Text: the test text.</tspan><tspan x="10" dy="20">Risk: High</tspan><tspan x="10" dy="20">Verification: Test</tspan></text></g><g id="test_entity" transform="translate(20,20 )"><rect class="req reqBox" x="0" y="0" width="200px" height="200px"></rect><text class="req reqLabel reqTitle" id="element-test_entity_title" x="100" y="10" dominant-baseline="hanging"><tspan text-anchor="middle" x="100" dy="0">&lt;&lt;Element&gt;&gt;</tspan><tspan text-anchor="middle" x="100" dy="15">test_entity</tspan></text><line class="req-title-line" x1="0" x2="200" y1="45" y2="45"></line><text class="req reqLabel" id="element-test_entity_body" x="10" y="45" dominant-baseline="hanging"><tspan x="10" dy="20">Type: simulation</tspan><tspan x="10" dy="20">Doc Ref: None</tspan></text></g><path class="er relationshipLine" d="M120,220L120,270L120,320" fill="none" stroke-dasharray="10,7" marker-end="url(#arrow_line_ending)"></path><rect class="req reqLabelBox" x="67.421875" y="259.9921875" width="105.15625" height="20.015625" fill="white" fill-opacity="85%"></rect><text class="req relationshipLabel" id="rel0" x="120" y="270" text-anchor="middle" dominant-baseline="middle">&lt;&lt;satisfies&gt;&gt;</text></svg></div><div class="md-diagram-panel-error"></div></div></pre><h3 cid="n21" mdtype="heading" contenteditable="true" class="md-end-block md-heading"><span md-inline="plain" class="md-plain">Gitgraph Diagrams</span></h3><pre class="md-fences md-end-block md-fences-with-lineno md-diagram md-fences-advanced ty-contain-cm modeLoaded" spellcheck="false" contenteditable="false" lang="mermaid" cid="n22" mdtype="fences" mermaid-type="gitGraph"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="mermaid"><div style="overflow: hidden; position: relative; width: 3px; height: 0px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>11</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"></div><div class="CodeMirror-code" role="presentation"></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent;"></div><div class="CodeMirror-gutters"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 2px;"></div></div></div></div><div class="md-diagram-panel md-fences-adv-panel"><div class="md-diagram-panel-header"></div><div class="md-diagram-panel-preview"><svg id="mermaidChart7" width="480.046875" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="179.18359375" viewBox="-122.046875 -20 480.046875 179.18359375" aria-roledescription="gitGraph"><style>#mermaidChart7{font-family:sans-serif;font-size:16px;fill:#333;}#mermaidChart7 .error-icon{fill:#552222;}#mermaidChart7 .error-text{fill:#552222;stroke:#552222;}#mermaidChart7 .edge-thickness-normal{stroke-width:2px;}#mermaidChart7 .edge-thickness-thick{stroke-width:3.5px;}#mermaidChart7 .edge-pattern-solid{stroke-dasharray:0;}#mermaidChart7 .edge-pattern-dashed{stroke-dasharray:3;}#mermaidChart7 .edge-pattern-dotted{stroke-dasharray:2;}#mermaidChart7 .marker{fill:#333333;stroke:#333333;}#mermaidChart7 .marker.cross{stroke:#333333;}#mermaidChart7 svg{font-family:sans-serif;font-size:16px;}#mermaidChart7 .commit-id,#mermaidChart7 .commit-msg,#mermaidChart7 .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms',verdana,arial,sans-serif;font-family:var(--mermaid-font-family);}#mermaidChart7 .branch-label0{fill:#ffffff;}#mermaidChart7 .commit0{stroke:hsl(240, 100%, 46.2745098039%);fill:hsl(240, 100%, 46.2745098039%);}#mermaidChart7 .commit-highlight0{stroke:hsl(60, 100%, 3.7254901961%);fill:hsl(60, 100%, 3.7254901961%);}#mermaidChart7 .label0{fill:hsl(240, 100%, 46.2745098039%);}#mermaidChart7 .arrow0{stroke:hsl(240, 100%, 46.2745098039%);}#mermaidChart7 .branch-label1{fill:black;}#mermaidChart7 .commit1{stroke:hsl(60, 100%, 43.5294117647%);fill:hsl(60, 100%, 43.5294117647%);}#mermaidChart7 .commit-highlight1{stroke:rgb(0, 0, 160.5);fill:rgb(0, 0, 160.5);}#mermaidChart7 .label1{fill:hsl(60, 100%, 43.5294117647%);}#mermaidChart7 .arrow1{stroke:hsl(60, 100%, 43.5294117647%);}#mermaidChart7 .branch-label2{fill:black;}#mermaidChart7 .commit2{stroke:hsl(80, 100%, 46.2745098039%);fill:hsl(80, 100%, 46.2745098039%);}#mermaidChart7 .commit-highlight2{stroke:rgb(48.8333333334, 0, 146.5000000001);fill:rgb(48.8333333334, 0, 146.5000000001);}#mermaidChart7 .label2{fill:hsl(80, 100%, 46.2745098039%);}#mermaidChart7 .arrow2{stroke:hsl(80, 100%, 46.2745098039%);}#mermaidChart7 .branch-label3{fill:#ffffff;}#mermaidChart7 .commit3{stroke:hsl(210, 100%, 46.2745098039%);fill:hsl(210, 100%, 46.2745098039%);}#mermaidChart7 .commit-highlight3{stroke:rgb(146.5000000001, 73.2500000001, 0);fill:rgb(146.5000000001, 73.2500000001, 0);}#mermaidChart7 .label3{fill:hsl(210, 100%, 46.2745098039%);}#mermaidChart7 .arrow3{stroke:hsl(210, 100%, 46.2745098039%);}#mermaidChart7 .branch-label4{fill:black;}#mermaidChart7 .commit4{stroke:hsl(180, 100%, 46.2745098039%);fill:hsl(180, 100%, 46.2745098039%);}#mermaidChart7 .commit-highlight4{stroke:rgb(146.5000000001, 0, 0);fill:rgb(146.5000000001, 0, 0);}#mermaidChart7 .label4{fill:hsl(180, 100%, 46.2745098039%);}#mermaidChart7 .arrow4{stroke:hsl(180, 100%, 46.2745098039%);}#mermaidChart7 .branch-label5{fill:black;}#mermaidChart7 .commit5{stroke:hsl(150, 100%, 46.2745098039%);fill:hsl(150, 100%, 46.2745098039%);}#mermaidChart7 .commit-highlight5{stroke:rgb(146.5000000001, 0, 73.2500000001);fill:rgb(146.5000000001, 0, 73.2500000001);}#mermaidChart7 .label5{fill:hsl(150, 100%, 46.2745098039%);}#mermaidChart7 .arrow5{stroke:hsl(150, 100%, 46.2745098039%);}#mermaidChart7 .branch-label6{fill:black;}#mermaidChart7 .commit6{stroke:hsl(300, 100%, 46.2745098039%);fill:hsl(300, 100%, 46.2745098039%);}#mermaidChart7 .commit-highlight6{stroke:rgb(0, 146.5000000001, 0);fill:rgb(0, 146.5000000001, 0);}#mermaidChart7 .label6{fill:hsl(300, 100%, 46.2745098039%);}#mermaidChart7 .arrow6{stroke:hsl(300, 100%, 46.2745098039%);}#mermaidChart7 .branch-label7{fill:black;}#mermaidChart7 .commit7{stroke:hsl(0, 100%, 46.2745098039%);fill:hsl(0, 100%, 46.2745098039%);}#mermaidChart7 .commit-highlight7{stroke:rgb(0, 146.5000000001, 146.5000000001);fill:rgb(0, 146.5000000001, 146.5000000001);}#mermaidChart7 .label7{fill:hsl(0, 100%, 46.2745098039%);}#mermaidChart7 .arrow7{stroke:hsl(0, 100%, 46.2745098039%);}#mermaidChart7 .branch{stroke-width:1;stroke:#333333;stroke-dasharray:2;}#mermaidChart7 .commit-label{font-size:10px;fill:#000021;}#mermaidChart7 .commit-label-bkg{font-size:10px;fill:#ffffde;opacity:0.5;}#mermaidChart7 .tag-label{font-size:10px;fill:#131300;}#mermaidChart7 .tag-label-bkg{fill:#ECECFF;stroke:hsl(240, 60%, 86.2745098039%);}#mermaidChart7 .tag-hole{fill:#333;}#mermaidChart7 .commit-merge{stroke:#ECECFF;fill:#ECECFF;}#mermaidChart7 .commit-reverse{stroke:#ECECFF;fill:#ECECFF;stroke-width:3;}#mermaidChart7 .commit-highlight-inner{stroke:#ECECFF;fill:#ECECFF;}#mermaidChart7 .arrow{stroke-width:8;stroke-linecap:round;fill:none;}#mermaidChart7 .gitTitleText{text-anchor:middle;font-size:18px;fill:#333;}:root{--mermaid-font-family:sans-serif;}:root{--mermaid-alt-font-family:sans-serif;}</style><g></g><g class="commit-bullets"></g><g class="commit-labels"></g><g><line x1="0" y1="0" x2="350" y2="0" class="branch branch0"></line><rect class="branchLabelBkg label0" rx="4" ry="4" x="-71.34375" y="-2" width="55.34375" height="24" transform="translate(-19, -10)"></rect><g class="branchLabel"><g class="label branch-label0" transform="translate(-81.34375, -11)"><text><tspan xml:space="preserve" dy="1em" x="0" class="row">main</tspan></text></g></g><line x1="0" y1="90" x2="350" y2="90" class="branch branch1"></line><rect class="branchLabelBkg label1" rx="4" ry="4" x="-95.046875" y="-2" width="79.046875" height="24" transform="translate(-19, 80)"></rect><g class="branchLabel"><g class="label branch-label1" transform="translate(-105.046875, 79)"><text><tspan xml:space="preserve" dy="1em" x="0" class="row">develop</tspan></text></g></g></g><g class="commit-arrows"><path d="M 10 0 L 10 0  10 0 L 60 0" class="arrow arrow0"></path><path d="M 60 0 L 60 70 A 20 20, 0, 0, 0, 80 90 L 110 90" class="arrow arrow1"></path><path d="M 110 90 L 110 90  110 90 L 160 90" class="arrow arrow1"></path><path d="M 60 0 L 60 0  60 0 L 210 0" class="arrow arrow0"></path><path d="M 160 90 L 190 90 A 20 20, 0, 0, 0, 210 70 L 210 0" class="arrow arrow1"></path><path d="M 210 0 L 210 0  210 0 L 260 0" class="arrow arrow0"></path><path d="M 260 0 L 260 0  260 0 L 310 0" class="arrow arrow0"></path></g><g class="commit-bullets"><circle cx="10" cy="0" r="10" class="commit 0-c179a8f commit0"></circle><circle cx="60" cy="0" r="10" class="commit 1-e5d5bdb commit0"></circle><circle cx="110" cy="90" r="10" class="commit 2-f0c713e commit1"></circle><circle cx="160" cy="90" r="10" class="commit 3-6c1b333 commit1"></circle><circle cx="210" cy="0" r="9" class="commit 4-faafef5 commit0"></circle><circle cx="210" cy="0" r="6" class="commit commit-merge 4-faafef5 commit0"></circle><circle cx="260" cy="0" r="10" class="commit 5-84ea0e5 commit0"></circle><circle cx="310" cy="0" r="10" class="commit 6-d395bee commit0"></circle></g><g class="commit-labels"><g transform="translate(-29.521594619750974, 26.30353202819824) rotate(-45, 0, 0)"><rect class="commit-label-bkg" x="-15.97578239440918" y="13.5" width="51.95156478881836" height="17"></rect><text x="-13.97578239440918" y="25" class="commit-label">0-c179a8f</text></g><g transform="translate(-31.434062500000003, 28.014687499999997) rotate(-45, 50, 0)"><rect class="commit-label-bkg" x="31.5078125" y="13.5" width="56.984375" height="17"></rect><text x="33.5078125" y="25" class="commit-label">1-e5d5bdb</text></g><g transform="translate(-29.38540466308594, 26.18167785644531) rotate(-45, 100, 90)"><rect class="commit-label-bkg" x="84.20341491699219" y="103.5" width="51.593170166015625" height="17"></rect><text x="86.20341491699219" y="115" class="commit-label">2-f0c713e</text></g><g transform="translate(-30.626562500000002, 27.292187499999997) rotate(-45, 150, 90)"><rect class="commit-label-bkg" x="132.5703125" y="103.5" width="54.859375" height="17"></rect><text x="134.5703125" y="115" class="commit-label">3-6c1b333</text></g><g transform="translate(-31.279687499999998, 27.8765625) rotate(-45, 250, 0)"><rect class="commit-label-bkg" x="231.7109375" y="13.5" width="56.578125" height="17"></rect><text x="233.7109375" y="25" class="commit-label">5-84ea0e5</text></g><g transform="translate(-31.70474060058594, 28.256873168945315) rotate(-45, 300, 0)"><rect class="commit-label-bkg" x="281.1516571044922" y="13.5" width="57.696685791015625" height="17"></rect><text x="283.1516571044922" y="25" class="commit-label">6-d395bee</text></g></g></svg></div><div class="md-diagram-panel-error"></div></div></pre><h3 cid="n23" mdtype="heading" contenteditable="true" class="md-end-block md-heading"><span md-inline="plain" class="md-plain">Mindmap</span></h3><pre class="md-fences md-end-block md-fences-with-lineno md-diagram md-fences-advanced ty-contain-cm modeLoaded" spellcheck="false" contenteditable="false" lang="mermaid" cid="n24" mdtype="fences" mermaid-type="mindmap"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="mermaid"><div style="overflow: hidden; position: relative; width: 3px; height: 0px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>17</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"></div><div class="CodeMirror-code" role="presentation"></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent;"></div><div class="CodeMirror-gutters"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 2px;"></div></div></div></div><div class="md-diagram-panel md-fences-adv-panel"><div class="md-diagram-panel-header"></div><div class="md-diagram-panel-preview"><svg id="mermaidChart8" width="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="max-width: 697.09326171875px;" viewBox="5 5 697.09326171875 704.3067626953125" aria-roledescription="mindmap"><style>#mermaidChart8{font-family:sans-serif;font-size:16px;fill:#333;}#mermaidChart8 .error-icon{fill:#552222;}#mermaidChart8 .error-text{fill:#552222;stroke:#552222;}#mermaidChart8 .edge-thickness-normal{stroke-width:2px;}#mermaidChart8 .edge-thickness-thick{stroke-width:3.5px;}#mermaidChart8 .edge-pattern-solid{stroke-dasharray:0;}#mermaidChart8 .edge-pattern-dashed{stroke-dasharray:3;}#mermaidChart8 .edge-pattern-dotted{stroke-dasharray:2;}#mermaidChart8 .marker{fill:#333333;stroke:#333333;}#mermaidChart8 .marker.cross{stroke:#333333;}#mermaidChart8 svg{font-family:sans-serif;font-size:16px;}#mermaidChart8 .edge{stroke-width:3;}#mermaidChart8 .section--1 rect,#mermaidChart8 .section--1 path,#mermaidChart8 .section--1 circle,#mermaidChart8 .section--1 path{fill:hsl(240, 100%, 76.2745098039%);}#mermaidChart8 .section--1 text{fill:#ffffff;}#mermaidChart8 .node-icon--1{font-size:40px;color:#ffffff;}#mermaidChart8 .section-edge--1{stroke:hsl(240, 100%, 76.2745098039%);}#mermaidChart8 .edge-depth--1{stroke-width:17;}#mermaidChart8 .section--1 line{stroke:hsl(60, 100%, 86.2745098039%);stroke-width:3;}#mermaidChart8 .disabled,#mermaidChart8 .disabled circle,#mermaidChart8 .disabled text{fill:lightgray;}#mermaidChart8 .disabled text{fill:#efefef;}#mermaidChart8 .section-0 rect,#mermaidChart8 .section-0 path,#mermaidChart8 .section-0 circle,#mermaidChart8 .section-0 path{fill:hsl(60, 100%, 73.5294117647%);}#mermaidChart8 .section-0 text{fill:black;}#mermaidChart8 .node-icon-0{font-size:40px;color:black;}#mermaidChart8 .section-edge-0{stroke:hsl(60, 100%, 73.5294117647%);}#mermaidChart8 .edge-depth-0{stroke-width:14;}#mermaidChart8 .section-0 line{stroke:hsl(240, 100%, 83.5294117647%);stroke-width:3;}#mermaidChart8 .disabled,#mermaidChart8 .disabled circle,#mermaidChart8 .disabled text{fill:lightgray;}#mermaidChart8 .disabled text{fill:#efefef;}#mermaidChart8 .section-1 rect,#mermaidChart8 .section-1 path,#mermaidChart8 .section-1 circle,#mermaidChart8 .section-1 path{fill:hsl(80, 100%, 76.2745098039%);}#mermaidChart8 .section-1 text{fill:black;}#mermaidChart8 .node-icon-1{font-size:40px;color:black;}#mermaidChart8 .section-edge-1{stroke:hsl(80, 100%, 76.2745098039%);}#mermaidChart8 .edge-depth-1{stroke-width:11;}#mermaidChart8 .section-1 line{stroke:hsl(260, 100%, 86.2745098039%);stroke-width:3;}#mermaidChart8 .disabled,#mermaidChart8 .disabled circle,#mermaidChart8 .disabled text{fill:lightgray;}#mermaidChart8 .disabled text{fill:#efefef;}#mermaidChart8 .section-2 rect,#mermaidChart8 .section-2 path,#mermaidChart8 .section-2 circle,#mermaidChart8 .section-2 path{fill:hsl(270, 100%, 76.2745098039%);}#mermaidChart8 .section-2 text{fill:#ffffff;}#mermaidChart8 .node-icon-2{font-size:40px;color:#ffffff;}#mermaidChart8 .section-edge-2{stroke:hsl(270, 100%, 76.2745098039%);}#mermaidChart8 .edge-depth-2{stroke-width:8;}#mermaidChart8 .section-2 line{stroke:hsl(90, 100%, 86.2745098039%);stroke-width:3;}#mermaidChart8 .disabled,#mermaidChart8 .disabled circle,#mermaidChart8 .disabled text{fill:lightgray;}#mermaidChart8 .disabled text{fill:#efefef;}#mermaidChart8 .section-3 rect,#mermaidChart8 .section-3 path,#mermaidChart8 .section-3 circle,#mermaidChart8 .section-3 path{fill:hsl(300, 100%, 76.2745098039%);}#mermaidChart8 .section-3 text{fill:black;}#mermaidChart8 .node-icon-3{font-size:40px;color:black;}#mermaidChart8 .section-edge-3{stroke:hsl(300, 100%, 76.2745098039%);}#mermaidChart8 .edge-depth-3{stroke-width:5;}#mermaidChart8 .section-3 line{stroke:hsl(120, 100%, 86.2745098039%);stroke-width:3;}#mermaidChart8 .disabled,#mermaidChart8 .disabled circle,#mermaidChart8 .disabled text{fill:lightgray;}#mermaidChart8 .disabled text{fill:#efefef;}#mermaidChart8 .section-4 rect,#mermaidChart8 .section-4 path,#mermaidChart8 .section-4 circle,#mermaidChart8 .section-4 path{fill:hsl(330, 100%, 76.2745098039%);}#mermaidChart8 .section-4 text{fill:black;}#mermaidChart8 .node-icon-4{font-size:40px;color:black;}#mermaidChart8 .section-edge-4{stroke:hsl(330, 100%, 76.2745098039%);}#mermaidChart8 .edge-depth-4{stroke-width:2;}#mermaidChart8 .section-4 line{stroke:hsl(150, 100%, 86.2745098039%);stroke-width:3;}#mermaidChart8 .disabled,#mermaidChart8 .disabled circle,#mermaidChart8 .disabled text{fill:lightgray;}#mermaidChart8 .disabled text{fill:#efefef;}#mermaidChart8 .section-5 rect,#mermaidChart8 .section-5 path,#mermaidChart8 .section-5 circle,#mermaidChart8 .section-5 path{fill:hsl(0, 100%, 76.2745098039%);}#mermaidChart8 .section-5 text{fill:black;}#mermaidChart8 .node-icon-5{font-size:40px;color:black;}#mermaidChart8 .section-edge-5{stroke:hsl(0, 100%, 76.2745098039%);}#mermaidChart8 .edge-depth-5{stroke-width:-1;}#mermaidChart8 .section-5 line{stroke:hsl(180, 100%, 86.2745098039%);stroke-width:3;}#mermaidChart8 .disabled,#mermaidChart8 .disabled circle,#mermaidChart8 .disabled text{fill:lightgray;}#mermaidChart8 .disabled text{fill:#efefef;}#mermaidChart8 .section-6 rect,#mermaidChart8 .section-6 path,#mermaidChart8 .section-6 circle,#mermaidChart8 .section-6 path{fill:hsl(30, 100%, 76.2745098039%);}#mermaidChart8 .section-6 text{fill:black;}#mermaidChart8 .node-icon-6{font-size:40px;color:black;}#mermaidChart8 .section-edge-6{stroke:hsl(30, 100%, 76.2745098039%);}#mermaidChart8 .edge-depth-6{stroke-width:-4;}#mermaidChart8 .section-6 line{stroke:hsl(210, 100%, 86.2745098039%);stroke-width:3;}#mermaidChart8 .disabled,#mermaidChart8 .disabled circle,#mermaidChart8 .disabled text{fill:lightgray;}#mermaidChart8 .disabled text{fill:#efefef;}#mermaidChart8 .section-7 rect,#mermaidChart8 .section-7 path,#mermaidChart8 .section-7 circle,#mermaidChart8 .section-7 path{fill:hsl(90, 100%, 76.2745098039%);}#mermaidChart8 .section-7 text{fill:black;}#mermaidChart8 .node-icon-7{font-size:40px;color:black;}#mermaidChart8 .section-edge-7{stroke:hsl(90, 100%, 76.2745098039%);}#mermaidChart8 .edge-depth-7{stroke-width:-7;}#mermaidChart8 .section-7 line{stroke:hsl(270, 100%, 86.2745098039%);stroke-width:3;}#mermaidChart8 .disabled,#mermaidChart8 .disabled circle,#mermaidChart8 .disabled text{fill:lightgray;}#mermaidChart8 .disabled text{fill:#efefef;}#mermaidChart8 .section-8 rect,#mermaidChart8 .section-8 path,#mermaidChart8 .section-8 circle,#mermaidChart8 .section-8 path{fill:hsl(150, 100%, 76.2745098039%);}#mermaidChart8 .section-8 text{fill:black;}#mermaidChart8 .node-icon-8{font-size:40px;color:black;}#mermaidChart8 .section-edge-8{stroke:hsl(150, 100%, 76.2745098039%);}#mermaidChart8 .edge-depth-8{stroke-width:-10;}#mermaidChart8 .section-8 line{stroke:hsl(330, 100%, 86.2745098039%);stroke-width:3;}#mermaidChart8 .disabled,#mermaidChart8 .disabled circle,#mermaidChart8 .disabled text{fill:lightgray;}#mermaidChart8 .disabled text{fill:#efefef;}#mermaidChart8 .section-9 rect,#mermaidChart8 .section-9 path,#mermaidChart8 .section-9 circle,#mermaidChart8 .section-9 path{fill:hsl(180, 100%, 76.2745098039%);}#mermaidChart8 .section-9 text{fill:black;}#mermaidChart8 .node-icon-9{font-size:40px;color:black;}#mermaidChart8 .section-edge-9{stroke:hsl(180, 100%, 76.2745098039%);}#mermaidChart8 .edge-depth-9{stroke-width:-13;}#mermaidChart8 .section-9 line{stroke:hsl(0, 100%, 86.2745098039%);stroke-width:3;}#mermaidChart8 .disabled,#mermaidChart8 .disabled circle,#mermaidChart8 .disabled text{fill:lightgray;}#mermaidChart8 .disabled text{fill:#efefef;}#mermaidChart8 .section-10 rect,#mermaidChart8 .section-10 path,#mermaidChart8 .section-10 circle,#mermaidChart8 .section-10 path{fill:hsl(210, 100%, 76.2745098039%);}#mermaidChart8 .section-10 text{fill:black;}#mermaidChart8 .node-icon-10{font-size:40px;color:black;}#mermaidChart8 .section-edge-10{stroke:hsl(210, 100%, 76.2745098039%);}#mermaidChart8 .edge-depth-10{stroke-width:-16;}#mermaidChart8 .section-10 line{stroke:hsl(30, 100%, 86.2745098039%);stroke-width:3;}#mermaidChart8 .disabled,#mermaidChart8 .disabled circle,#mermaidChart8 .disabled text{fill:lightgray;}#mermaidChart8 .disabled text{fill:#efefef;}#mermaidChart8 .section-root rect,#mermaidChart8 .section-root path,#mermaidChart8 .section-root circle{fill:hsl(240, 100%, 46.2745098039%);}#mermaidChart8 .section-root text{fill:#ffffff;}#mermaidChart8 .icon-container{height:100%;display:flex;justify-content:center;align-items:center;}#mermaidChart8 .edge{fill:none;}#mermaidChart8 :root{--mermaid-font-family:sans-serif;}#mermaidChart8 :root{--mermaid-alt-font-family:sans-serif;}</style><g></g><g></g><g class="mindmap-edges"><path d="M 307.31700885400494,231.1337837326657 L 242.48014556551772,203.2755469936883 L177.6432822770305,175.4173102547109 " class="edge section-edge--1 edge-depth-1"></path><path d="M 403.96865722252653,147.18473035836357 L 400.50191991167844,107.06842183079858 L397.03518260083035,66.95211330323362 " class="edge section-edge--1 edge-depth-2"></path><path d="M 332.3021711879219,227.0812291878353 L 363.179407376066,199.5921775078792 L394.05664356421016,172.1031258279231 " class="edge section-edge--1 edge-depth-1"></path><path d="M 308.97698638974146,315.25484259768825 L 313.8889935746539,283.56656876034907 L318.80100075956636,251.8782949230099 " class="edge section-edge--1 edge-depth-0"></path><path d="M 382.8065584360844,409.6996153319733 L 452.9575187346618,393.35511829748907 L523.1084790332392,377.01062126300474 " class="edge section-edge-0 edge-depth-1"></path><path d="M 454.59927076677513,591.9863566771033 L 523.3986571239637,588.5355207429292 L592.1980434811524,585.084684808755 " class="edge section-edge-0 edge-depth-3"></path><path d="M 446.6889379574559,605.9666627346884 L 462.91192593430367,636.3183840747074 L479.13491391115144,666.6701054147264 " class="edge section-edge-0 edge-depth-3"></path><path d="M 424.8005541376226,595.0702090479998 L 356.343529619263,605.84601680083 L287.8865051009034,616.6218245536601 " class="edge section-edge-0 edge-depth-3"></path><path d="M 403.17899017891335,517.8095019590324 L 418.1184626910215,548.5289365136014 L433.0579352031296,579.2483710681703 " class="edge section-edge-0 edge-depth-2"></path><path d="M 372.659904397807,427.424268201766 L 382.4083269040673,458.7116996897734 L392.15674941032756,489.99913117778084 " class="edge section-edge-0 edge-depth-1"></path><path d="M 315.609392234395,342.129909763044 L 337.43855302200984,371.5905613937498 L359.2677138096247,401.0512130244555 " class="edge section-edge-0 edge-depth-0"></path><path d="M 166.80026312220997,359.1118324505109 L 141.2633587700214,387.53306331751486 L115.72645441783283,415.9542941845188 " class="edge section-edge-1 edge-depth-1"></path><path d="M 163.33317320824057,341.4001761232387 L 117.88935098407359,319.3255889145729 L72.44552875990661,297.25100170590713 " class="edge section-edge-1 edge-depth-1"></path><path d="M 291.8194231542533,332.12350353543235 L 241.75242535024665,339.0160004174995 L191.68542754624002,345.9084972995667 " class="edge section-edge-1 edge-depth-0"></path></g><g class="mindmap-nodes"><g class="mindmap-node section-root" transform="translate(260.54646123234613, 310.6700026924159)" attr="apa-0)"><g transform="translate(46.1328125, 19.4078125)"><circle id="node-0" class="node-bkg node-circle" r="46.1328125"></circle></g><g transform="translate(46.1328125, 5)"><text dy="1em" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle"><tspan x="0" dy="1em">mindmap</tspan></text></g></g><g class="mindmap-node section-root" transform="translate(283.7237134169617, 217.6475098282823)" attr="apa-1)"><g><path id="node-1" class="node-bkg node-no-border" d="M0 33.815625 v-28.815624999999997 q0,-5 5,-5 h64.75 q5,0 5,5 v33.815625 H0 Z"></path><line class="node-line--1" x1="0" y1="38.815625" x2="74.75" y2="38.815625"></line></g><g transform="translate(37.375, 5)"><text dy="1em" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle"><tspan x="0" dy="1em">Origins</tspan></text></g></g><g class="mindmap-node section-root" transform="translate(81.05689021407375, 139.49577165909432)" attr="apa-2)"><g><path id="node-2" class="node-bkg node-no-border" d="M0 55 v-50 q0,-5 5,-5 h155.609375 q5,0 5,5 v55 H0 Z"></path><line class="node-line--1" x1="0" y1="60" x2="165.609375" y2="60"></line></g><g transform="translate(107.8046875, 15.592187500000001)"><text dy="1em" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle"><tspan x="0" dy="1em">Long   history</tspan></text></g><foreignObject width="60px" height="60" style="text-align: center;margin-top:10.592187500000001px;"><div class="icon-container" xmlns="http://www.w3.org/1999/xhtml"><i class="node-icon--1 fa fa-book"></i></div></foreignObject></g><g class="mindmap-node section-root" transform="translate(341.47103883517036, 142.7212201874761)" attr="apa-3)"><g><path id="node-3" class="node-bkg node-no-border" d="M0 33.815625 v-28.815624999999997 q0,-5 5,-5 h117.578125 q5,0 5,5 v33.815625 H0 Z"></path><line class="node-line--1" x1="0" y1="38.815625" x2="127.578125" y2="38.815625"></line></g><g transform="translate(63.7890625, 5)"><text dy="1em" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle"><tspan x="0" dy="1em">Popularisation</tspan></text></g></g><g class="mindmap-node section-root" transform="translate(295.0328009881865, 15)" attr="apa-4)"><g><path id="node-4" class="node-bkg node-no-border" d="M0 69.01562194824218 v-64.01562194824218 q0,-5 5,-5 h191.421875 q5,0 5,5 v69.01562194824218 H0 Z"></path><line class="node-line--1" x1="0" y1="74.01562194824218" x2="201.421875" y2="74.01562194824218"></line></g><g transform="translate(100.7109375, 5)"><text dy="1em" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle"><tspan x="0" dy="1em">British   popular</tspan><tspan x="0" dy="1.1em">psychology   author   Tony</tspan><tspan x="0" dy="1.1em">Buzan</tspan></text></g></g><g class="mindmap-node section-0" transform="translate(324.10408231167355, 393.69549509508363)" attr="apa-5)"><g><path id="node-5" class="node-bkg node-no-border" d="M0 33.815625 v-28.815624999999997 q0,-5 5,-5 h78.1875 q5,0 5,5 v33.815625 H0 Z"></path><line class="node-line-0" x1="0" y1="38.815625" x2="88.1875" y2="38.815625"></line></g><g transform="translate(44.09375, 5)"><text dy="1em" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle"><tspan x="0" dy="1em">Research</tspan></text></g></g><g class="mindmap-node section-0" transform="translate(464.89689265765, 345.3991172628339)" attr="apa-6)"><g><path id="node-6" class="node-bkg node-no-border" d="M0 51.41562347412109 v-46.41562347412109 q0,-5 5,-5 h135.640625 q5,0 5,5 v51.41562347412109 H0 Z"></path><line class="node-line-0" x1="0" y1="56.41562347412109" x2="145.640625" y2="56.41562347412109"></line></g><g transform="translate(72.8203125, 5)"><text dy="1em" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle"><tspan x="0" dy="1em">On   effectiveness</tspan><tspan x="0" dy="1.1em">and   features</tspan></text></g></g><g class="mindmap-node section-0" transform="translate(299.970383996461, 484.91227928446324)" attr="apa-7)"><g><path id="node-7" class="node-bkg node-no-border" d="M0 33.815625 v-28.815624999999997 q0,-5 5,-5 h183.296875 q5,0 5,5 v33.815625 H0 Z"></path><line class="node-line-0" x1="0" y1="38.815625" x2="193.296875" y2="38.815625"></line></g><g transform="translate(96.6484375, 5)"><text dy="1em" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle"><tspan x="0" dy="1em">On   Automatic   creation</tspan></text></g></g><g class="mindmap-node section-0" transform="translate(412.03997888558195, 573.3299687427395)" attr="apa-8)"><g><path id="node-8" class="node-bkg node-no-border" d="M0 33.815625 v-28.815624999999997 q0,-5 5,-5 h45.15625 q5,0 5,5 v33.815625 H0 Z"></path><line class="node-line-0" x1="0" y1="38.815625" x2="55.15625" y2="38.815625"></line></g><g transform="translate(27.578125, 5)"><text dy="1em" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle"><tspan x="0" dy="1em">Uses</tspan></text></g></g><g class="mindmap-node section-0" transform="translate(522.2651478623455, 564.9254477431189)" attr="apa-9)"><g><path id="node-9" class="node-bkg node-no-border" d="M0 33.815625 v-28.815624999999997 q0,-5 5,-5 h159.828125 q5,0 5,5 v33.815625 H0 Z"></path><line class="node-line-0" x1="0" y1="38.815625" x2="169.828125" y2="38.815625"></line></g><g transform="translate(84.9140625, 5)"><text dy="1em" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle"><tspan x="0" dy="1em">Creative   techniques</tspan></text></g></g><g class="mindmap-node section-0" transform="translate(407.0573104830254, 660.4911744066753)" attr="apa-10)"><g><path id="node-10" class="node-bkg node-no-border" d="M0 33.815625 v-28.815624999999997 q0,-5 5,-5 h148.296875 q5,0 5,5 v33.815625 H0 Z"></path><line class="node-line-0" x1="0" y1="38.815625" x2="158.296875" y2="38.815625"></line></g><g transform="translate(79.1484375, 5)"><text dy="1em" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle"><tspan x="0" dy="1em">Strategic   planning</tspan></text></g></g><g class="mindmap-node section-0" transform="translate(188.57676785294404, 599.5464398589204)" attr="apa-11)"><g><path id="node-11" class="node-bkg node-no-border" d="M0 33.815625 v-28.815624999999997 q0,-5 5,-5 h158.984375 q5,0 5,5 v33.815625 H0 Z"></path><line class="node-line-0" x1="0" y1="38.815625" x2="168.984375" y2="38.815625"></line></g><g transform="translate(84.4921875, 5)"><text dy="1em" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle"><tspan x="0" dy="1em">Argument   mapping</tspan></text></g></g><g class="mindmap-node section-1" transform="translate(147.81776446814717, 328.5463731425832)" attr="apa-12)"><g><path id="node-12" class="node-bkg node-no-border" d="M0 33.815625 v-28.815624999999997 q0,-5 5,-5 h48.015625 q5,0 5,5 v33.815625 H0 Z"></path><line class="node-line-1" x1="0" y1="38.815625" x2="58.015625" y2="38.815625"></line></g><g transform="translate(29.0078125, 5)"><text dy="1em" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle"><tspan x="0" dy="1em">Tools</tspan></text></g></g><g class="mindmap-node section-1" transform="translate(39.93551557189562, 407.70412849244656)" attr="apa-13)"><g><path id="node-13" class="node-bkg node-no-border" d="M0 33.815625 v-28.815624999999997 q0,-5 5,-5 h121.53125 q5,0 5,5 v33.815625 H0 Z"></path><line class="node-line-1" x1="0" y1="38.815625" x2="131.53125" y2="38.815625"></line></g><g transform="translate(65.765625, 5)"><text dy="1em" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle"><tspan x="0" dy="1em">Pen   and   paper</tspan></text></g></g><g class="mindmap-node section-1" transform="translate(15, 271.28917968656265)" attr="apa-14)"><g><path id="node-14" class="node-bkg node-no-border" d="M0 33.815625 v-28.815624999999997 q0,-5 5,-5 h77.90625 q5,0 5,5 v33.815625 H0 Z"></path><line class="node-line-1" x1="0" y1="38.815625" x2="87.90625" y2="38.815625"></line></g><g transform="translate(43.953125, 5)"><text dy="1em" alignment-baseline="middle" dominant-baseline="middle" text-anchor="middle"><tspan x="0" dy="1em">Mermaid</tspan></text></g></g></g></svg></div><div class="md-diagram-panel-error"></div></div></pre><div tabindex="-1" contenteditable="false" cid="n50" mdtype="hr" class="md-hr md-end-block"><hr></div><p cid="n51" mdtype="paragraph" contenteditable="true" class="md-end-block md-p md-focus"><span md-inline="plain" class="md-plain md-expand">test hr</span></p><h2 cid="n49" mdtype="heading" contenteditable="true" class="md-end-block md-heading"><span md-inline="plain" class="md-plain">Global Mermaid Options</span></h2><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" contenteditable="false" lang="css" cid="n26" mdtype="fences"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="css"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 15.2109px; left: 38.0469px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 28px; margin-bottom: -2px; min-height: 263px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre>x</pre></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors" style=""><div class="CodeMirror-cursor" style="left: 4px; top: 0px; height: 26.3281px;">&nbsp;</div></div><div class="CodeMirror-code" role="presentation" style=""><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -34.0469px; width: 28px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -34.0469px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 20px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">:<span class="cm-variable-3">root</span> {</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -34.0469px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">2</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp;<span class="cm-variable-2">--mermaid-theme</span>: <span class="cm-atom">default</span>; <span class="cm-comment">/*or base, dark, forest, neutral, night */</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -34.0469px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">3</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp;<span class="cm-variable-2">--mermaid-font-family</span>: <span class="cm-string">"trebuchet ms"</span>, <span class="cm-variable">verdana</span>, <span class="cm-variable">arial</span>, <span class="cm-atom">sans-serif</span>;</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -34.0469px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">4</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp;<span class="cm-variable-2">--mermaid-sequence-numbers</span>: <span class="cm-variable">off</span>; <span class="cm-comment">/* or "on", see https://mermaid-js.github.io/mermaid/#/sequenceDiagram?id=sequencenumbers*/</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -34.0469px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">5</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp;<span class="cm-variable-2">--mermaid-flowchart-curve</span>: <span class="cm-atom">linear</span> <span class="cm-comment">/* or "basis", see https://github.com/typora/typora-issues/issues/1632*/</span>;</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -34.0469px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">6</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp;<span class="cm-variable-2">--mermaid--gantt-left-padding</span>: <span class="cm-number">75</span>; <span class="cm-comment">/* see https://github.com/typora/typora-issues/issues/1665*/</span></span></pre></div><div style="position: relative;" class=""><div class="CodeMirror-gutter-wrapper" style="left: -34.0469px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 20px;">7</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">}</span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 263px;"></div><div class="CodeMirror-gutters" style="height: 261px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 28px;"></div></div></div></div></pre><p cid="n27" mdtype="paragraph" contenteditable="true" class="md-end-block md-p"><span md-inline="plain" class="md-plain">--mermaid-sequence-numbers: off | on</span></p><p cid="n28" mdtype="paragraph" contenteditable="true" class="md-end-block md-p"><span md-inline="plain" class="md-plain">--mermaid-flowchart-curve: linear | basis | natural | step</span></p><figure class="md-table-fig" contenteditable="false" cid="n33" mdtype="table"><table class="md-table"><thead><tr class="md-end-block" cid="n34" mdtype="table_row"><th><span contenteditable="true" class="td-span" cid="n35" mdtype="table_cell"><span md-inline="plain" class="md-plain">–mermaid-flowchart-curve: linear;</span></span></th><th><span contenteditable="true" class="td-span" cid="n36" mdtype="table_cell"><span md-inline="plain" class="md-plain">–mermaid-flowchart-curve: basis</span></span></th><th><span contenteditable="true" class="td-span" cid="n37" mdtype="table_cell"><span md-inline="plain" class="md-plain">–mermaid-flowchart-curve: natural;</span></span></th><th><span contenteditable="true" class="td-span" cid="n38" mdtype="table_cell"><span md-inline="plain" class="md-plain">–mermaid-flowchart-curve: step;</span></span></th></tr></thead><tbody><tr class="md-end-block" cid="n39" mdtype="table_row"><td><span contenteditable="true" class="td-span" cid="n40" mdtype="table_cell"><span md-inline="image" data-src="https://support.typora.io/media/new-10/Screen%20Shot%202021-04-05%20at%2023.25.41.png" contenteditable="false" class="md-image md-img-loaded"><span class="md-meta md-before md-content" contenteditable="true"><span class="md-image-before-src ty-focusable">![Screen Shot 2021-04-05 at 23.25.41](</span><span class="md-image-src-span ty-focusable">https://support.typora.io/media/new-10/Screen%20Shot%202021-04-05%20at%2023.25.41.png</span><span class="md-image-after-src">)</span></span><img referrerpolicy="no-referrer" alt="Screen Shot 2021-04-05 at 23.25.41" src="https://support.typora.io/media/new-10/Screen%20Shot%202021-04-05%20at%2023.25.41.png" onerror="onImageErrorFunc(event)" onload="onLoadedFuncForQuickAction(event)"></span></span></td><td><span contenteditable="true" class="td-span" cid="n41" mdtype="table_cell"><span md-inline="image" data-src="https://support.typora.io/media/new-10/Screen%20Shot%202021-04-05%20at%2023.30.11.png" contenteditable="false" class="md-image md-img-loaded"><span class="md-meta md-before md-content" contenteditable="true"><span class="md-image-before-src ty-focusable">![Screen Shot 2021-04-05 at 23.30.11](</span><span class="md-image-src-span ty-focusable">https://support.typora.io/media/new-10/Screen%20Shot%202021-04-05%20at%2023.30.11.png</span><span class="md-image-after-src">)</span></span><img referrerpolicy="no-referrer" alt="Screen Shot 2021-04-05 at 23.30.11" src="https://support.typora.io/media/new-10/Screen%20Shot%202021-04-05%20at%2023.30.11.png" onerror="onImageErrorFunc(event)" onload="onLoadedFuncForQuickAction(event)"></span></span></td><td><span contenteditable="true" class="td-span" cid="n42" mdtype="table_cell"><span md-inline="image" data-src="https://support.typora.io/media/new-10/Screen%20Shot%202021-04-05%20at%2023.28.06.png" contenteditable="false" class="md-image md-img-loaded"><span class="md-meta md-before md-content" contenteditable="true"><span class="md-image-before-src ty-focusable">![Screen Shot 2021-04-05 at 23.28.06](</span><span class="md-image-src-span ty-focusable">https://support.typora.io/media/new-10/Screen%20Shot%202021-04-05%20at%2023.28.06.png</span><span class="md-image-after-src">)</span></span><img referrerpolicy="no-referrer" alt="Screen Shot 2021-04-05 at 23.28.06" src="https://support.typora.io/media/new-10/Screen%20Shot%202021-04-05%20at%2023.28.06.png" onerror="onImageErrorFunc(event)" onload="onLoadedFuncForQuickAction(event)"></span></span></td><td><span contenteditable="true" class="td-span" cid="n43" mdtype="table_cell"><span md-inline="image" data-src="https://support.typora.io/media/new-10/Screen%20Shot%202021-04-05%20at%2023.28.52.png" contenteditable="false" class="md-image md-img-loaded"><span class="md-meta md-before md-content" contenteditable="true"><span class="md-image-before-src ty-focusable">![Screen Shot 2021-04-05 at 23.28.52](</span><span class="md-image-src-span ty-focusable">https://support.typora.io/media/new-10/Screen%20Shot%202021-04-05%20at%2023.28.52.png</span><span class="md-image-after-src">)</span></span><img referrerpolicy="no-referrer" alt="Screen Shot 2021-04-05 at 23.28.52" src="https://support.typora.io/media/new-10/Screen%20Shot%202021-04-05%20at%2023.28.52.png" onerror="onImageErrorFunc(event)" onload="onLoadedFuncForQuickAction(event)"></span></span></td></tr></tbody></table></figure><p cid="n29" mdtype="paragraph" contenteditable="true" class="md-end-block md-p"><span md-inline="plain" class="md-plain">–mermaid–gantt-left-padding:75</span></p></div>
</content>
</body>
</html>
